daisyUI 5.7.47: Cally calendar month/year header shows only styled buttons — raw selects hidden
Comments · 0
Be the first to comment.
Explanation— by SceneRecap AI
At 0.0s, the recording opens on the daisyUI documentation page for the Calendar component. The overview table outlines built-in styling support for three external calendar libraries: Cally web component, react-day-picker, and Vanilla Calendar Pro. By 3.0s, the screen displays the "Cally calendar example" preview widget set to October 2026.
Between 9.0s and 11.0s, the user hovers the cursor over October 1 and clicks the date cell. The interface responds by highlighting October 1 with a solid black fill, demonstrating interactive date selection within the Cally component preview through 17.0s.
At 17.5s, the user scrolls down the page. The scroll reveals the "Cally date picker example" featuring an input labeled "Pick a date", followed by the introductory section for the "React Day Picker calendar" through 23.0s.
Key moments
What to know
- •daisyUI provides pre-styled CSS classes for three third-party calendar libraries: Cally, React Day Picker, and Vanilla Calendar Pro (visible at 0.0s).
- •The Cally calendar preview component is fully interactive, updating the selected day state upon clicking (10.0s–15.0s).
- •Subsequent sections demonstrate combining Cally with dropdown components to build date pickers (19.0s–23.0s).
Glossary
- daisyUI
- A Tailwind CSS component library providing utility-based UI components.
- Cally
- An open-source, framework-agnostic calendar web component featured in the daisyUI documentation.
Your recordings could explain themselves too.
Free plan · silent recordings welcome · bug reports included.
Try SceneRecap free →