Hex Core JS
    Preparing search index...

    Type Alias DateTimeFieldProps<FV>

    DateTimeFieldProps: FieldProps<FV, DateTimeFieldValue> & {
        format?: FieldFormatFunction<DateTimeFieldValue>;
        formatString?: string;
        formattedBlank?: string;
        Input?: (props: DateTimeFieldInputProps) => JSX.Element | null;
        max?: string | null;
        min?: string | null;
        noClear?: boolean;
        placeholder?: string;
        precision?: DateTimePrecision;
        withPreview?: DateTimeInputWithPreviewOption;
    } & Pick<
        DateTimeInputProps,
        "inline"
        | "openCalendarOnFocus"
        | "closeCalendarOnSelect",
    > & Partial<ClassNameProps & StyleProps>

    Type Parameters

    Type Declaration

    • Optionalformat?: FieldFormatFunction<DateTimeFieldValue>

      Format function for the value. Controls how the value should be formatted when displayed in smaller contexts where only strings are allowed.

    • OptionalformatString?: string

      The format string to use for date formatting. Default depends on the given precision.

    • OptionalformattedBlank?: string

      The text to display when the value is blank.

    • OptionalInput?: (props: DateTimeFieldInputProps) => JSX.Element | null

      The input component to use when editing.

    • Optionalmax?: string | null

      Maximum date allowable for selection (validation).

    • Optionalmin?: string | null

      Minimum date allowable for selection (validation).

    • OptionalnoClear?: boolean

      Hides the clear button.

    • Optionalplaceholder?: string

      Placeholder text to display in the input when the value is blank.

    • Optionalprecision?: DateTimePrecision

      The precision of the date input. Accepts "year", "month", or "day".

    • OptionalwithPreview?: DateTimeInputWithPreviewOption

      Controls when the value (or invalid value) preview is shown and takes up space.