Prop for open and close calender popup?

[smurfb]

Hi!

Is there a prop for open and close calender like on a collapsible? Or perhaps some way or closing it when you made your pick?

[shyakadavis]

Hello, @smurfb

Not sure if I understood well the use case, but here's an idea;

If you place your Calendar inside a Popover, then you get access to different props like the open state of the content in the Root, which you could set to false each time a user clicks a date. I'm guessing you can make use of the onValueChange prop of the Calendar to set it false in that function.

LMK if it meets your needs. 🙂

[smurfb]

Hi!

Thanks for your reply!

Sorry for the incredibly bad explanation what I'm trying to do. I use (or trying atleast :)) the datepicker example from the docs.

I have made a binding of open in the datepicker.root with bind:open={flightLegs[i].openPicker} as I have done with other type of components. And I actually use the OnValueChange and set that variable to false, but it doesn't close.

But If it should work I probably just doing something wrong, I'm quite new to both svelte and bits-ui. But like them both!

[shyakadavis]

You know what, you might be on to something.

I tried doing this in the stackblitz repro, and it doesn't react to the changes. I believe this is a bug. Let me dig around to see if I can find a fix, and if not, I'll file a proper bug report.

Thank you.

P.S. Welcome to the Svelte community. Glad to have you with us. 🙂

[smurfb]

Sorry, didn't receive notification but big thank you for your help! Svelte seems to have a great community!

[shyakadavis]

Hello, @smurfb

This should now be resolved as of #404

I'm still to add the tests, but let me know if it works.