Props#

DateTimeRangePicker composes the react-dates component:

export interface UseDtrpProps {
  endDate: Moment | null;
  endTime: number;
  maxHours: number;
  onEndDateChange: (date: Moment | null) => void;
  onEndTimeChange: (time: number) => void;
  onStartDateChange: (date: Moment | null) => void;
  onStartTimeChange: (time: number) => void;
  reservations?: Types.Reservations;
  startDate: Moment | null;
  startTime: number;
}


type ViewProps = Pick<
  DateRangePickerShape,
  'startDatePlaceholderText' | 'endDatePlaceholderText' | 'displayFormat',
> & { labels: { end?: string, start?: string } }


type DateTimeRangePickerProps = UseDtrpProps & ViewProps