Skip to content

Date Picker

A calendar in a popover behind a button or an input — single dates, ranges, a date of birth with month and year dropdowns, and a typed date.

Date Picker

Jonas Lindqvist is notified on the morning of the due date.

Installation

The Date Picker is a composition of Popover, Calendar, Button, Field and Input Group; there is nothing else to install.

pnpm dlx shadcn@latest add @sortui/popover @sortui/calendar @sortui/button @sortui/field @sortui/input-group

Examples

Range picker

Date of birth

Input

Ship your next project this week

Get the full Figma kit, the code of 180+ sections and every future update for one payment.

Get Pro Access