logo
DocsThemes

DateRangePicker

A date range picker combines two DateFields and a RangeCalendar popover to allow users to enter or select a date and time range.

SourceReferenceAPI Reference

Usage#

Demo#

import { DateRangePicker } from "pigment-ui";

function DateRangePickerDemo() {
  return (
    <DateRangePicker label="Appointment date" description="Lorem ipsum dolor sit amet." className="w-96" />
  );
}
Edit this page
DatePickerListBox