A Calendly-style date and time picker featuring an interactive calendar, selectable time slots, and timezone configuration with IANA support for accurate scheduling.
An uncontrolled range calendar component built with React Aria and Tailwind CSS, featuring date selection capabilities with a pre-defined default date range.
A functional range calendar component that allows users to select a start and end date, featuring a clean, accessible interface built with Tailwind CSS and shadcn/ui primitives.
A controlled range calendar component built with React and @internationalized/date, featuring interactive date selection, state management for start and end dates, and customizable Tailwind CSS styling.
A clean, interactive calendar component built with shadcn UI that supports date selection and accessibility-focused aria-label attributes for event scheduling.
A date and time input field component that supports localized date parsing, 24-hour time formatting, and controlled state management using the @internationalized/date library.
An uncontrolled date input field component that uses @internationalized/date for localized date parsing, featuring a label and a structured date input interface for user-friendly date selection.
A read-only date field component featuring a labeled input for displaying event dates, built with accessible date-field primitives and Tailwind CSS.
A disabled date input field component featuring a label and date entry area, built with accessible form primitives to prevent user interaction.
A controlled date input field component that uses React Aria for internationalized date handling, featuring a customizable label and real-time date formatting display.
A date and time picker component utilizing the @internationalized/date library, featuring a customizable trigger, 24-hour cycle support, and integrated label field for event scheduling.
A date picker component built with React Aria that includes built-in validation for required fields, featuring a label, trigger, and error message display.
Select an Item to view its code
Choose an item from the list to view its code and files.