Class DateRangeInput

packages/datetime/src/dateRangeInput.tsx:214–1012

@polyfill
export class DateRangeInput extends AbstractPureComponent2<IDateRangeInputProps, IDateRangeInputState> {
    public static defaultProps: Partial<IDateRangeInputProps> = {
        allowSingleDayRange: false,
        closeOnSelection: true,
        contiguousCalendarMonths: true,
        dayPickerProps: {},
        disabled: false,
        endInputProps: {},
        invalidDateMessage: "Invalid date",
        maxDate: getDefaultMaxDate(),
        minDate: getDefaultMinDate(),
        outOfRangeMessage: "Out of range",
        overlappingDatesMessage: "Overlapping dates",
        popoverProps: {},
        selectAllOnFocus: false,
        shortcuts: true,
        singleMonthOnly: false,
        startInputProps: {},
    };

    public static displayName = `${DISPLAYNAME_PREFIX}.DateRangeInput`;

    private startInputRef: HTMLInputElement | IRefObject<HTMLInputElement> | null;
    private endInputRef: HTMLInputElement | IRefObject<HTMLInputElement> | null;
    private refHandlers = {
        endInputRef: isRefObject<HTMLInputElement>(this.props.endInputProps.inputRef)
            ? (this.endInputRef = this.props.endInputProps.inputRef)
            : (ref: HTMLInputElement | null) => {
                  this.endInputRef = ref;
                  (this.props.endInputProps.inputRef as IRefCallback<HTMLInputElement>)?.(ref);
              },
        startInputRef: isRefObject<HTMLInputElement>(this.props.startInputProps.inputRef)
            ? (this.startInputRef = this.props.startInputProps.inputRef)
            : (ref: HTMLInputElement | null) => {
                  this.startInputRef = ref;
                  (this.props.startInputProps.inputRef as IRefCallback<HTMLInputElement>)?.(ref);
              },
    };

    public constructor(props: IDateRangeInputProps, context?: any) {
        super(props, context);
        this.reset(props);
    }

    /**
     * Public method intended for unit testing only. Do not use in feature work!
     */
    public reset(props: IDateRangeInputProps = this.props) {
        const [selectedStart, selectedEnd] = this.getInitialRange();
        this.state = {
            formattedMaxDateString: this.getFormattedMinMaxDateString(props, "maxDate"),
            formattedMinDateString: this.getFormattedMinMaxDateString(props, "minDate"),
            isOpen: false,
            selectedEnd,
            selectedShortcutIndex: -1,
            selectedStart,
        };
    }