ShadDatePicker popover jumps around and forward arrow styled wrong

[matthew-carroll]

Steps to reproduce

Not sure which details matter for repro. I'm just opening a date picker and then navigating back across months.

Expected results

The calendar popover remains in the same place.

Actual results

The calendar popover jumps from above to below, and from below to above.

shadcn_ui version

0.18.4

Platform

MacOS

Code sample

Code sample

[Paste your code here]

Screenshots or Video

Screenshots / Video demonstration

Screen.Recording.2025-01-29.at.10.18.34.PM.mov

Logs

Logs

[Paste your logs here]

Flutter Doctor output

Doctor output

[Paste your output here]

[nank1ro]

Replicated the bug about the forward icon, will fix it soon.

About the jumps, this is because the default anchor is set to ShadAnchorAuto(). The number of days for a month change so the height changes. This means it will try to fit in the best position (preferBelow is true by default) but below there is not enough space and will show it on top. If on top there is not enough space it will be shown below.

You can force the anchor you want with this code anchor: const ShadAnchor()
The default ShadAnchor has the following values:

ShadAnchor({
  Alignment childAlignment = Alignment.topLeft,
  Alignment overlayAlignment = Alignment.bottomLeft,
  Offset offset = Offset.zero,
})

[nank1ro]

The icon color has been fixed in the v0.18.5