Search

    Свойства компонента выбора диапазона дат

    interface DateRangePickerProps {
        additionalDateTemplates?: DateRangePickerDateRangeTemplate[];
        allowClear?: boolean;
        autoFocus?: boolean;
        className?: string;
        dateFullCellRender?: (date: Universe.Vendor.Moment.Moment) => ReactNode;
        defaultValue?: [string, string];
        disabledDate?: (
            date: Universe.Vendor.Moment.Moment,
            granularity?: StartOf,
        ) => boolean;
        errorMessage?: ReactNode;
        errorTimeMessage: string;
        forwardRef?: RefObject<HTMLInputElement>;
        hasError?: boolean;
        headerRender?: (prop: CalendarHeaderRenderProp) => ReactNode;
        i18nLocale: string;
        isDefaultOpen?: boolean;
        isDisabled?: boolean;
        isHighlighted?: boolean;
        isInline?: boolean;
        isOpen?: boolean;
        isReadOnly?: boolean;
        isUtc?: boolean;
        locale?: CalendarLocale;
        mode?: "date" | "year" | "month" | "decade";
        onBlur?: () => void;
        onChange?: (dateArray: [string, string]) => void;
        onClear?: () => void;
        onClose?: () => void;
        onPanelChange?: (
            date: Universe.Vendor.Moment.Moment,
            mode: CalendarMode,
        ) => void;
        onVisibleChange?: (isOpen: boolean) => void;
        pickerType?: "dateRange" | "dateTimeRange";
        placeholder?: [string, string];
        validRange?: [Universe.Vendor.Moment.Moment, Universe.Vendor.Moment.Moment];
        value?: [string, string];
        valueFormat: string;
        viewFormat: string;
    }

    Hierarchy

    • Omit<
          CalendarProps,
          "value"
          | "fullscreen"
          | "onSelect"
          | "onChange"
          | "mode"
          | "defaultValue",
      >
      • DateRangePickerProps
    Index

    Properties

    additionalDateTemplates?: DateRangePickerDateRangeTemplate[]

    Дополнительные шаблоны для быстрого выбора дат.

    allowClear?: boolean

    Позволяет ли очистить поле.

    autoFocus?: boolean

    Включает автофокус при инициализации.

    className?: string

    CSS-класс для календаря.

    dateFullCellRender?: (date: Universe.Vendor.Moment.Moment) => ReactNode

    Функция для рендеринга ячейки с датой.

    Type declaration

    defaultValue?: [string, string]

    Значение по умолчанию для диапазона дат.

    disabledDate?: (
        date: Universe.Vendor.Moment.Moment,
        granularity?: StartOf,
    ) => boolean

    Функция для определения недоступной даты.

    Type declaration

    errorMessage?: ReactNode

    Сообщение ошибки.

    errorTimeMessage: string

    Текст ошибки при некорректном времени.

    forwardRef?: RefObject<HTMLInputElement>

    Ссылка на элемент ввода.

    hasError?: boolean

    Отображает состояние ошибки.

    headerRender?: (prop: CalendarHeaderRenderProp) => ReactNode

    Функция для рендеринга заголовка календаря.

    Type declaration

    i18nLocale: string

    Текущий язык локали (e.g. "en", "ru").

    isDefaultOpen?: boolean

    Показывать виджет по умолчанию.

    isDisabled?: boolean

    Делает поле недоступным.

    isHighlighted?: boolean

    Выделять ли визуально поле.

    isInline?: boolean

    Рендерить компонент встраиваемым, без выпадающего меню.

    isOpen?: boolean

    Отвечает за текущее состояние видимости виджета.

    isReadOnly?: boolean

    Делает поле только для чтения.

    isUtc?: boolean

    Интерпретировать дату как UTC.

    Объект локализации календаря.

    mode?: "date" | "year" | "month" | "decade"

    Режим выбора даты.

    onBlur?: () => void

    Вызывается при потере фокуса виджета.

    onChange?: (dateArray: [string, string]) => void

    Хендлер вызывается при изменении диапазона дат.

    Type declaration

      • (dateArray: [string, string]): void
      • Parameters

        • dateArray: [string, string]

          Новый диапазон дат.

        Returns void

    onClear?: () => void

    Вызывается при очистке диапазона дат.

    onClose?: () => void

    Вызывается при закрытии виджета.

    onPanelChange?: (
        date: Universe.Vendor.Moment.Moment,
        mode: CalendarMode,
    ) => void

    Обработчик изменения даты или режима.

    Type declaration

    onVisibleChange?: (isOpen: boolean) => void

    Вызывается при изменении видимости виджета.

    Type declaration

      • (isOpen: boolean): void
      • Parameters

        • isOpen: boolean

          Текущее состояние видимости.

        Returns void

    pickerType?: "dateRange" | "dateTimeRange"

    Тип выбора: диапазон дат или диапазон даты/времени.

    placeholder?: [string, string]

    Плейсхолдеры для ввода диапазона дат.

    Допустимый интервал дат.

    value?: [string, string]

    Текущее значение диапазона дат.

    valueFormat: string

    Формат значения даты.

    viewFormat: string

    Формат отображения даты.

    MMNEPVFCICPMFPCPTTAAATR