logo
DocsThemes

DatePicker

A date picker combines a DateField and a Calendar popover to allow users to enter or select a date and time value.

SourceReferenceAPI Reference

Usage#

Demo#

import { DatePicker } from "pigment-ui";

function DatePickerDemo() {
  return (
    <DatePicker label="Appointment date" description="Lorem ipsum dolor sit amet." className="w-64" />
  );
}
Edit this page
DateFieldDateRangePicker