A calendar component that allows users to select dates.
If you're looking for a range calendar, check out the Range Calendar component.
You can use the
<Calendar /> component to build a date picker. See the Date Picker page for more information.
<Calendar /> component can be combined with other components to create a more complex calendar.
Calendar as there are quite a few pieces that need to be combined to create it. We're modifying that component in the examples below.
Month & Year Selects
Here's an example of how you could create a calendar with month and year select dropdowns instead of the previous and next buttons.
On This Page