Rekwizyty

RekwizytTypDomyślnyOpis
value{ start: Date | null; end: Date | null }—Selected date-time range value
onChange(value: { start: Date | null; end: Date | null }) => void—Callback when value changes
timeTimeConfig—Time panel configuration (applied to both start and end)
presetsDateRangePreset[]—Predefined date range presets
maxDaysnumber—Maximum days allowed in range (inclusive)
minDaysnumber—Minimum days required in range (inclusive)
allowSingleDateInRangebooleantrueZezwalaj na zakres, w którym początek jest równy końcowi
minDateDate—Minimum selectable date
maxDateDate—Maximum selectable date
localePartial<Locale>—Custom locale configuration
initialMonthDate—Initial displayed month
size"small" | "medium" | "large" | "x-large""medium"Component size
weekStartsOnWeekDay"sunday"Pierwszy dzień tygodnia
isDateUnavailable(date: Date) => boolean—Mark dates as disabled
displayFormatstring—Custom display format
openboolean—Controlled open state
initialOpenboolean—Initial open state (uncontrolled)
onOpenChange(open: boolean) => void—Callback when open state changes
requiredbooleanfalseWyłącz czyszczenie wartości
showOutsideDaysbooleanfalsePokaż dni z sąsiadujących miesięcy
highlightDatesDate[]—Dates to highlight
shouldCloseOnSelectbooleanfalseAutomatyczne potwierdzenie po wstępnie ustawionym kliknięciu
numberOfMonthsnumber2Liczba miesięcy do wyświetlenia
captionLayout"buttons" | "dropdown""buttons"Caption navigation style
fromYearnumber—Start year for dropdown
toYearnumber—End year for dropdown
disablePastbooleanfalseWyłącz daty wcześniejsze niż dzisiaj
disableFuturebooleanfalseWyłącz daty późniejsze niż dzisiaj
inlinebooleanfalsePokaż wbudowany kalendarz (bez wyskakującego okienka)
namestring—Hidden input name for form submission (start date-time)
endNamestring—Hidden input name for end date-time (defaults to name-end)
placeholderstring—Trigger placeholder text
hideHeaderbooleanfalseUkryj nagłówek nawigacji
hideFooterbooleanfalseUkryj stopkę akcji

TimeConfig

interface TimeConfig {
  /** Time display precision. Defaults to "minute". */
  precision?: "hour" | "minute" | "second";
  /** 12-hour or 24-hour format. Defaults to "24". */
  hourFormat?: "12" | "24";
  /** Minute increment step. Defaults to 5. */
  minuteStep?: 1 | 2 | 3 | 5 | 10 | 15 | 20 | 30;
  /** Second increment step. Defaults to 1. */
  secondStep?: 1 | 2 | 3 | 5 | 10 | 15 | 20 | 30;
  /** Height (in px) of each scroll wheel item. Defaults to 32. */
  itemHeight?: number;
}

DateRangePreset

interface DateRangePreset {
  label: string;
  value: { start: Date; end: Date } | (() => { start: Date; end: Date });
}