Component Examples

Calendar Component

A date field component that allows users to enter and edit date.

Date Picker

Selected date: Wed Nov 04 2026

Date Picker

Range: Sat Jan 20 2024 - Thu Jan 25 2024

Basic Calendar

November 2026

Selected date: Wed Nov 04 2026

Multiple Selection

November 2026

Date Range

November 2026
December 2026

Range: Sat Jan 20 2024 - Thu Jan 25 2024

With Disabled Dates

November 2026

Future dates are disabled

Custom Styling

November 2026

Inline Calendar

Select appointment date

November 2026

Available times for Wed Nov 04 2026: