Skip to content

Date Picker Calendar

A calendar component for selecting a specific date. It includes a header with the selected date, current month and year, and navigation arrows. The calendar grid displays days of the week and dates, with the selected date highlighted.

Explore the examples

Mercury — Datepicker component
Mercury logo
Mercury

A calendar component for selecting a specific date. It includes a header with the selected date, current month and year, and navigation arrows. The calendar grid displays days of the week and dates, with the selected date highlighted.

Browse the full component library

Browse the full UI component library.

Trusted by the best teams