@types/react-dates - npm Package Compare versions

Comparing version 21.8.2 to 21.8.3

react-dates/index.d.ts

@@ -18,7 +18,7 @@ // Type definitions for react-dates 21.8
     | {
-          renderMonthText?: ((month: moment.Moment) => React.ReactNode) | null;
-          renderMonthElement?: never;
+          renderMonthText?: ((month: moment.Moment) => React.ReactNode) | null | undefined;
+          renderMonthElement?: never | undefined;
       }
     | {
-          renderMonthText?: never;
+          renderMonthText?: never | undefined;
           renderMonthElement?:
@@ -31,3 +31,3 @@ | ((props: {
                 }) => React.ReactNode)
-              | null;
+              | null | undefined;
       };
@@ -58,57 +58,57 @@
 
-    onClose?: (final: { startDate: moment.Moment | null; endDate: moment.Moment | null }) => void;
+    onClose?: ((final: { startDate: moment.Moment | null; endDate: moment.Moment | null }) => void) | undefined;
 
     // input related props
-    startDatePlaceholderText?: string;
-    startDateOffset?: (day: moment.Moment) => moment.Moment;
-    endDateOffset?: (day: moment.Moment) => moment.Moment;
+    startDatePlaceholderText?: string | undefined;
+    startDateOffset?: ((day: moment.Moment) => moment.Moment) | undefined;
+    endDateOffset?: ((day: moment.Moment) => moment.Moment) | undefined;
 
-    endDatePlaceholderText?: string;
-    startDateAriaLabel?: string;
-    endDateAriaLabel?: string;
-    disabled?: DisabledShape;
-    required?: boolean;
-    readOnly?: boolean;
-    screenReaderInputMessage?: string;
-    showClearDates?: boolean;
-    showDefaultInputIcon?: boolean;
-    inputIconPosition?: IconPositionShape;
-    customInputIcon?: React.ReactNode;
-    customArrowIcon?: React.ReactNode;
-    customCloseIcon?: React.ReactNode;
-    noBorder?: boolean;
-    block?: boolean;
-    small?: boolean;
-    regular?: boolean;
-    keepFocusOnInput?: boolean;
+    endDatePlaceholderText?: string | undefined;
+    startDateAriaLabel?: string | undefined;
+    endDateAriaLabel?: string | undefined;
+    disabled?: DisabledShape | undefined;
+    required?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    screenReaderInputMessage?: string | undefined;
+    showClearDates?: boolean | undefined;
+    showDefaultInputIcon?: boolean | undefined;
+    inputIconPosition?: IconPositionShape | undefined;
+    customInputIcon?: React.ReactNode | undefined;
+    customArrowIcon?: React.ReactNode | undefined;
+    customCloseIcon?: React.ReactNode | undefined;
+    noBorder?: boolean | undefined;
+    block?: boolean | undefined;
+    small?: boolean | undefined;
+    regular?: boolean | undefined;
+    keepFocusOnInput?: boolean | undefined;
     // calendar presentation and interaction related props
-    renderWeekHeaderElement?: ((day: string) => React.ReactNode) | null;
-    orientation?: OrientationShape;
-    anchorDirection?: AnchorDirectionShape;
-    openDirection?: OpenDirectionShape;
-    horizontalMargin?: number;
-    withPortal?: boolean;
-    withFullScreenPortal?: boolean;
-    appendToBody?: boolean;
-    disableScroll?: boolean;
-    daySize?: number;
-    isRTL?: boolean;
-    firstDayOfWeek?: DayOfWeekShape | null;
-    initialVisibleMonth?: (() => moment.Moment) | null;
-    numberOfMonths?: number;
-    keepOpenOnDateSelect?: boolean;
-    reopenPickerOnClearDates?: boolean;
-    renderCalendarInfo?: (() => React.ReactNode) | null;
-    calendarInfoPosition?: CalendarInfoPositionShape;
-    hideKeyboardShortcutsPanel?: boolean;
-    verticalHeight?: number | null;
-    transitionDuration?: number;
-    horizontalMonthPadding?: number;
-    verticalSpacing?: number;
+    renderWeekHeaderElement?: ((day: string) => React.ReactNode) | null | undefined;
+    orientation?: OrientationShape | undefined;
+    anchorDirection?: AnchorDirectionShape | undefined;
+    openDirection?: OpenDirectionShape | undefined;
+    horizontalMargin?: number | undefined;
+    withPortal?: boolean | undefined;
+    withFullScreenPortal?: boolean | undefined;
+    appendToBody?: boolean | undefined;
+    disableScroll?: boolean | undefined;
+    daySize?: number | undefined;
+    isRTL?: boolean | undefined;
+    firstDayOfWeek?: DayOfWeekShape | null | undefined;
+    initialVisibleMonth?: (() => moment.Moment) | null | undefined;
+    numberOfMonths?: number | undefined;
+    keepOpenOnDateSelect?: boolean | undefined;
+    reopenPickerOnClearDates?: boolean | undefined;
+    renderCalendarInfo?: (() => React.ReactNode) | null | undefined;
+    calendarInfoPosition?: CalendarInfoPositionShape | undefined;
+    hideKeyboardShortcutsPanel?: boolean | undefined;
+    verticalHeight?: number | null | undefined;
+    transitionDuration?: number | undefined;
+    horizontalMonthPadding?: number | undefined;
+    verticalSpacing?: number | undefined;
 
     // navigation related props
-    dayPickerNavigationInlineStyles?: Record<string, any> | null;
-    navPosition?: NavPositionShape;
-    navPrev?: React.ReactNode;
-    navNext?: React.ReactNode;
+    dayPickerNavigationInlineStyles?: Record<string, any> | null | undefined;
+    navPosition?: NavPositionShape | undefined;
+    navPrev?: React.ReactNode | undefined;
+    navNext?: React.ReactNode | undefined;
     renderNavPrevButton?:
@@ -118,7 +118,7 @@ | ((props: {
               disabled: boolean;
-              onClick?: React.MouseEventHandler;
-              onKeyUp?: React.KeyboardEventHandler;
-              onMouseUp?: React.MouseEventHandler;
+              onClick?: React.MouseEventHandler | undefined;
+              onKeyUp?: React.KeyboardEventHandler | undefined;
+              onMouseUp?: React.MouseEventHandler | undefined;
           }) => React.ReactNode)
-        | null;
+        | null | undefined;
     renderNavNextButton?:
@@ -128,27 +128,27 @@ | ((props: {
               disabled: boolean;
-              onClick?: React.MouseEventHandler;
-              onKeyUp?: React.KeyboardEventHandler;
-              onMouseUp?: React.MouseEventHandler;
+              onClick?: React.MouseEventHandler | undefined;
+              onKeyUp?: React.KeyboardEventHandler | undefined;
+              onMouseUp?: React.MouseEventHandler | undefined;
           }) => React.ReactNode)
-        | null;
-    onPrevMonthClick?: (newCurrentMonth: moment.Moment) => void;
-    onNextMonthClick?: (newCurrentMonth: moment.Moment) => void;
+        | null | undefined;
+    onPrevMonthClick?: ((newCurrentMonth: moment.Moment) => void) | undefined;
+    onNextMonthClick?: ((newCurrentMonth: moment.Moment) => void) | undefined;
 
     // day presentation and interaction related props
-    renderCalendarDay?: (props: CalendarDayShape) => React.ReactNode;
-    renderDayContents?: ((day: moment.Moment, modifiers: ModifiersShape) => React.ReactNode) | null;
-    minimumNights?: number;
-    minDate?: moment.Moment;
-    maxDate?: moment.Moment;
-    enableOutsideDays?: boolean;
-    isDayBlocked?: (day: moment.Moment) => boolean;
-    isOutsideRange?: (day: moment.Moment) => boolean;
-    isDayHighlighted?: (day: moment.Moment) => boolean;
+    renderCalendarDay?: ((props: CalendarDayShape) => React.ReactNode) | undefined;
+    renderDayContents?: ((day: moment.Moment, modifiers: ModifiersShape) => React.ReactNode) | null | undefined;
+    minimumNights?: number | undefined;
+    minDate?: moment.Moment | undefined;
+    maxDate?: moment.Moment | undefined;
+    enableOutsideDays?: boolean | undefined;
+    isDayBlocked?: ((day: moment.Moment) => boolean) | undefined;
+    isOutsideRange?: ((day: moment.Moment) => boolean) | undefined;
+    isDayHighlighted?: ((day: moment.Moment) => boolean) | undefined;
 
     // internationalization props
-    displayFormat?: string | (() => string);
-    monthFormat?: string;
-    weekDayFormat?: string;
-    phrases?: DateRangePickerPhrases;
-    dayAriaLabelFormat?: string;
+    displayFormat?: string | (() => string) | undefined;
+    monthFormat?: string | undefined;
+    weekDayFormat?: string | undefined;
+    phrases?: DateRangePickerPhrases | undefined;
+    dayAriaLabelFormat?: string | undefined;
 };
@@ -193,49 +193,49 @@ export const DateRangePickerShape: DateRangePickerShape;
     // input related props
-    placeholder?: string;
-    ariaLabel?: string;
-    disabled?: boolean;
-    required?: boolean;
-    readOnly?: boolean;
-    screenReaderInputMessage?: string;
-    showClearDate?: boolean;
-    customCloseIcon?: React.ReactNode;
-    showDefaultInputIcon?: boolean;
-    inputIconPosition?: IconPositionShape;
-    customInputIcon?: React.ReactNode;
-    noBorder?: boolean;
-    block?: boolean;
-    small?: boolean;
-    regular?: boolean;
-    verticalSpacing?: number;
-    keepFocusOnInput?: boolean;
+    placeholder?: string | undefined;
+    ariaLabel?: string | undefined;
+    disabled?: boolean | undefined;
+    required?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    screenReaderInputMessage?: string | undefined;
+    showClearDate?: boolean | undefined;
+    customCloseIcon?: React.ReactNode | undefined;
+    showDefaultInputIcon?: boolean | undefined;
+    inputIconPosition?: IconPositionShape | undefined;
+    customInputIcon?: React.ReactNode | undefined;
+    noBorder?: boolean | undefined;
+    block?: boolean | undefined;
+    small?: boolean | undefined;
+    regular?: boolean | undefined;
+    verticalSpacing?: number | undefined;
+    keepFocusOnInput?: boolean | undefined;
 
     // calendar presentation and interaction related props
-    renderWeekHeaderElement?: ((day: string) => React.ReactNode) | null;
-    orientation?: OrientationShape;
-    anchorDirection?: AnchorDirectionShape;
-    openDirection?: OpenDirectionShape;
-    horizontalMargin?: number;
-    withPortal?: boolean;
-    withFullScreenPortal?: boolean;
-    appendToBody?: boolean;
-    disableScroll?: boolean;
-    initialVisibleMonth?: (() => moment.Moment) | null;
-    firstDayOfWeek?: DayOfWeekShape | null;
-    numberOfMonths?: number;
-    keepOpenOnDateSelect?: boolean;
-    reopenPickerOnClearDate?: boolean;
-    renderCalendarInfo?: (() => React.ReactNode) | null;
-    calendarInfoPosition?: CalendarInfoPositionShape;
-    hideKeyboardShortcutsPanel?: boolean;
-    daySize?: number;
-    isRTL?: boolean;
-    verticalHeight?: number;
-    transitionDuration?: number;
-    horizontalMonthPadding?: number;
+    renderWeekHeaderElement?: ((day: string) => React.ReactNode) | null | undefined;
+    orientation?: OrientationShape | undefined;
+    anchorDirection?: AnchorDirectionShape | undefined;
+    openDirection?: OpenDirectionShape | undefined;
+    horizontalMargin?: number | undefined;
+    withPortal?: boolean | undefined;
+    withFullScreenPortal?: boolean | undefined;
+    appendToBody?: boolean | undefined;
+    disableScroll?: boolean | undefined;
+    initialVisibleMonth?: (() => moment.Moment) | null | undefined;
+    firstDayOfWeek?: DayOfWeekShape | null | undefined;
+    numberOfMonths?: number | undefined;
+    keepOpenOnDateSelect?: boolean | undefined;
+    reopenPickerOnClearDate?: boolean | undefined;
+    renderCalendarInfo?: (() => React.ReactNode) | null | undefined;
+    calendarInfoPosition?: CalendarInfoPositionShape | undefined;
+    hideKeyboardShortcutsPanel?: boolean | undefined;
+    daySize?: number | undefined;
+    isRTL?: boolean | undefined;
+    verticalHeight?: number | undefined;
+    transitionDuration?: number | undefined;
+    horizontalMonthPadding?: number | undefined;
 
     // navigation related props
-    dayPickerNavigationInlineStyles?: Record<string, any> | null;
-    navPosition?: NavPositionShape;
-    navPrev?: React.ReactNode;
-    navNext?: React.ReactNode;
+    dayPickerNavigationInlineStyles?: Record<string, any> | null | undefined;
+    navPosition?: NavPositionShape | undefined;
+    navPrev?: React.ReactNode | undefined;
+    navNext?: React.ReactNode | undefined;
     renderNavPrevButton?:
@@ -245,7 +245,7 @@ | ((props: {
               disabled: boolean;
-              onClick?: React.MouseEventHandler;
-              onKeyUp?: React.KeyboardEventHandler;
-              onMouseUp?: React.MouseEventHandler;
+              onClick?: React.MouseEventHandler | undefined;
+              onKeyUp?: React.KeyboardEventHandler | undefined;
+              onMouseUp?: React.MouseEventHandler | undefined;
           }) => React.ReactNode)
-        | null;
+        | null | undefined;
     renderNavNextButton?:
@@ -255,25 +255,25 @@ | ((props: {
               disabled: boolean;
-              onClick?: React.MouseEventHandler;
-              onKeyUp?: React.KeyboardEventHandler;
-              onMouseUp?: React.MouseEventHandler;
+              onClick?: React.MouseEventHandler | undefined;
+              onKeyUp?: React.KeyboardEventHandler | undefined;
+              onMouseUp?: React.MouseEventHandler | undefined;
           }) => React.ReactNode)
-        | null;
-    onPrevMonthClick?: (newCurrentMonth: moment.Moment) => void;
-    onNextMonthClick?: (newCurrentMonth: moment.Moment) => void;
-    onClose?: (arg: { date: moment.Moment | null }) => void;
+        | null | undefined;
+    onPrevMonthClick?: ((newCurrentMonth: moment.Moment) => void) | undefined;
+    onNextMonthClick?: ((newCurrentMonth: moment.Moment) => void) | undefined;
+    onClose?: ((arg: { date: moment.Moment | null }) => void) | undefined;
 
     // day presentation and interaction related props
-    renderCalendarDay?: (props: CalendarDayShape) => React.ReactNode;
-    renderDayContents?: ((day: moment.Moment, modifiers: ModifiersShape) => React.ReactNode) | null;
-    enableOutsideDays?: boolean;
-    isDayBlocked?: (day: moment.Moment) => boolean;
-    isOutsideRange?: (day: moment.Moment) => boolean;
-    isDayHighlighted?: (day: moment.Moment) => boolean;
+    renderCalendarDay?: ((props: CalendarDayShape) => React.ReactNode) | undefined;
+    renderDayContents?: ((day: moment.Moment, modifiers: ModifiersShape) => React.ReactNode) | null | undefined;
+    enableOutsideDays?: boolean | undefined;
+    isDayBlocked?: ((day: moment.Moment) => boolean) | undefined;
+    isOutsideRange?: ((day: moment.Moment) => boolean) | undefined;
+    isDayHighlighted?: ((day: moment.Moment) => boolean) | undefined;
 
     // internationalization props
-    displayFormat?: string | (() => string);
-    monthFormat?: string;
-    weekDayFormat?: string;
-    phrases?: SingleDatePickerPhrases;
-    dayAriaLabelFormat?: string;
+    displayFormat?: string | (() => string) | undefined;
+    monthFormat?: string | undefined;
+    weekDayFormat?: string | undefined;
+    phrases?: SingleDatePickerPhrases | undefined;
+    dayAriaLabelFormat?: string | undefined;
 };
@@ -289,34 +289,34 @@ export const SingleDatePickerShape: SingleDatePickerShape;
 export interface DateRangePickerPhrases {
-    calendarLabel?: string;
-    roleDescription?: string;
-    closeDatePicker?: string;
-    clearDates?: string;
-    focusStartDate?: string;
-    jumpToPrevMonth?: string;
-    jumpToNextMonth?: string;
-    keyboardShortcuts?: string;
-    showKeyboardShortcutsPanel?: string;
-    hideKeyboardShortcutsPanel?: string;
-    openThisPanel?: string;
-    enterKey?: string;
-    leftArrowRightArrow?: string;
-    upArrowDownArrow?: string;
-    pageUpPageDown?: string;
-    homeEnd?: string;
-    escape?: string;
-    questionMark?: string;
-    selectFocusedDate?: string;
-    moveFocusByOneDay?: string;
-    moveFocusByOneWeek?: string;
-    moveFocusByOneMonth?: string;
-    moveFocustoStartAndEndOfWeek?: string;
-    returnFocusToInput?: string;
-    keyboardForwardNavigationInstructions?: string;
-    keyboardBackwardNavigationInstructions?: string;
-    chooseAvailableStartDate?: (phraseArg: PhraseArg) => string;
-    chooseAvailableEndDate?: (phraseArg: PhraseArg) => string;
-    dateIsUnavailable?: (phraseArg: PhraseArg) => string;
-    dateIsSelected?: (phraseArg: PhraseArg) => string;
-    dateIsSelectedAsStartDate?: (phraseArg: PhraseArg) => string;
-    dateIsSelectedAsEndDate?: (phraseArg: PhraseArg) => string;
+    calendarLabel?: string | undefined;
+    roleDescription?: string | undefined;
+    closeDatePicker?: string | undefined;
+    clearDates?: string | undefined;
+    focusStartDate?: string | undefined;
+    jumpToPrevMonth?: string | undefined;
+    jumpToNextMonth?: string | undefined;
+    keyboardShortcuts?: string | undefined;
+    showKeyboardShortcutsPanel?: string | undefined;
+    hideKeyboardShortcutsPanel?: string | undefined;
+    openThisPanel?: string | undefined;
+    enterKey?: string | undefined;
+    leftArrowRightArrow?: string | undefined;
+    upArrowDownArrow?: string | undefined;
+    pageUpPageDown?: string | undefined;
+    homeEnd?: string | undefined;
+    escape?: string | undefined;
+    questionMark?: string | undefined;
+    selectFocusedDate?: string | undefined;
+    moveFocusByOneDay?: string | undefined;
+    moveFocusByOneWeek?: string | undefined;
+    moveFocusByOneMonth?: string | undefined;
+    moveFocustoStartAndEndOfWeek?: string | undefined;
+    returnFocusToInput?: string | undefined;
+    keyboardForwardNavigationInstructions?: string | undefined;
+    keyboardBackwardNavigationInstructions?: string | undefined;
+    chooseAvailableStartDate?: ((phraseArg: PhraseArg) => string) | undefined;
+    chooseAvailableEndDate?: ((phraseArg: PhraseArg) => string) | undefined;
+    dateIsUnavailable?: ((phraseArg: PhraseArg) => string) | undefined;
+    dateIsSelected?: ((phraseArg: PhraseArg) => string) | undefined;
+    dateIsSelectedAsStartDate?: ((phraseArg: PhraseArg) => string) | undefined;
+    dateIsSelectedAsEndDate?: ((phraseArg: PhraseArg) => string) | undefined;
 }
@@ -326,6 +326,6 @@
 export interface DateRangePickerInputPhrases {
-    focusStartDate?: string;
-    clearDates?: string;
-    keyboardForwardNavigationInstructions?: string;
-    keyboardBackwardNavigationInstructions?: string;
+    focusStartDate?: string | undefined;
+    clearDates?: string | undefined;
+    keyboardForwardNavigationInstructions?: string | undefined;
+    keyboardBackwardNavigationInstructions?: string | undefined;
 }
@@ -335,30 +335,30 @@
 export interface SingleDatePickerPhrases {
-    calendarLabel?: string;
-    roleDescription?: string;
-    closeDatePicker?: string;
-    clearDate?: string;
-    jumpToPrevMonth?: string;
-    jumpToNextMonth?: string;
-    keyboardShortcuts?: string;
-    showKeyboardShortcutsPanel?: string;
-    hideKeyboardShortcutsPanel?: string;
-    openThisPanel?: string;
-    enterKey?: string;
-    leftArrowRightArrow?: string;
-    upArrowDownArrow?: string;
-    pageUpPageDown?: string;
-    homeEnd?: string;
-    escape?: string;
-    questionMark?: string;
-    selectFocusedDate?: string;
-    moveFocusByOneDay?: string;
-    moveFocusByOneWeek?: string;
-    moveFocusByOneMonth?: string;
-    moveFocustoStartAndEndOfWeek?: string;
-    returnFocusToInput?: string;
-    keyboardForwardNavigationInstructions?: string;
-    keyboardBackwardNavigationInstructions?: string;
-    chooseAvailableDate?: (phraseArg: PhraseArg) => string;
-    dateIsUnavailable?: (phraseArg: PhraseArg) => string;
-    dateIsSelected?: (phraseArg: PhraseArg) => string;
+    calendarLabel?: string | undefined;
+    roleDescription?: string | undefined;
+    closeDatePicker?: string | undefined;
+    clearDate?: string | undefined;
+    jumpToPrevMonth?: string | undefined;
+    jumpToNextMonth?: string | undefined;
+    keyboardShortcuts?: string | undefined;
+    showKeyboardShortcutsPanel?: string | undefined;
+    hideKeyboardShortcutsPanel?: string | undefined;
+    openThisPanel?: string | undefined;
+    enterKey?: string | undefined;
+    leftArrowRightArrow?: string | undefined;
+    upArrowDownArrow?: string | undefined;
+    pageUpPageDown?: string | undefined;
+    homeEnd?: string | undefined;
+    escape?: string | undefined;
+    questionMark?: string | undefined;
+    selectFocusedDate?: string | undefined;
+    moveFocusByOneDay?: string | undefined;
+    moveFocusByOneWeek?: string | undefined;
+    moveFocusByOneMonth?: string | undefined;
+    moveFocustoStartAndEndOfWeek?: string | undefined;
+    returnFocusToInput?: string | undefined;
+    keyboardForwardNavigationInstructions?: string | undefined;
+    keyboardBackwardNavigationInstructions?: string | undefined;
+    chooseAvailableDate?: ((phraseArg: PhraseArg) => string) | undefined;
+    dateIsUnavailable?: ((phraseArg: PhraseArg) => string) | undefined;
+    dateIsSelected?: ((phraseArg: PhraseArg) => string) | undefined;
 }
@@ -368,5 +368,5 @@
 export interface SingleDatePickerInputPhrases {
-    clearDate?: string;
-    keyboardForwardNavigationInstructions?: string;
-    keyboardBackwardNavigationInstructions?: string;
+    clearDate?: string | undefined;
+    keyboardForwardNavigationInstructions?: string | undefined;
+    keyboardBackwardNavigationInstructions?: string | undefined;
 }
@@ -376,30 +376,30 @@
 export interface DayPickerPhrases {
-    calendarLabel?: string;
-    roleDescription?: string;
-    jumpToPrevMonth?: string;
-    jumpToNextMonth?: string;
-    keyboardShortcuts?: string;
-    showKeyboardShortcutsPanel?: string;
-    hideKeyboardShortcutsPanel?: string;
-    openThisPanel?: string;
-    enterKey?: string;
-    leftArrowRightArrow?: string;
-    upArrowDownArrow?: string;
-    pageUpPageDown?: string;
-    homeEnd?: string;
-    escape?: string;
-    questionMark?: string;
-    selectFocusedDate?: string;
-    moveFocusByOneDay?: string;
-    moveFocusByOneWeek?: string;
-    moveFocusByOneMonth?: string;
-    moveFocustoStartAndEndOfWeek?: string;
-    returnFocusToInput?: string;
-    chooseAvailableStartDate?: (phraseArg: PhraseArg) => string;
-    chooseAvailableEndDate?: (phraseArg: PhraseArg) => string;
-    chooseAvailableDate?: (phraseArg: PhraseArg) => string;
-    dateIsUnavailable?: (phraseArg: PhraseArg) => string;
-    dateIsSelected?: (phraseArg: PhraseArg) => string;
-    dateIsSelectedAsStartDate?: (phraseArg: PhraseArg) => string;
-    dateIsSelectedAsEndDate?: (phraseArg: PhraseArg) => string;
+    calendarLabel?: string | undefined;
+    roleDescription?: string | undefined;
+    jumpToPrevMonth?: string | undefined;
+    jumpToNextMonth?: string | undefined;
+    keyboardShortcuts?: string | undefined;
+    showKeyboardShortcutsPanel?: string | undefined;
+    hideKeyboardShortcutsPanel?: string | undefined;
+    openThisPanel?: string | undefined;
+    enterKey?: string | undefined;
+    leftArrowRightArrow?: string | undefined;
+    upArrowDownArrow?: string | undefined;
+    pageUpPageDown?: string | undefined;
+    homeEnd?: string | undefined;
+    escape?: string | undefined;
+    questionMark?: string | undefined;
+    selectFocusedDate?: string | undefined;
+    moveFocusByOneDay?: string | undefined;
+    moveFocusByOneWeek?: string | undefined;
+    moveFocusByOneMonth?: string | undefined;
+    moveFocustoStartAndEndOfWeek?: string | undefined;
+    returnFocusToInput?: string | undefined;
+    chooseAvailableStartDate?: ((phraseArg: PhraseArg) => string) | undefined;
+    chooseAvailableEndDate?: ((phraseArg: PhraseArg) => string) | undefined;
+    chooseAvailableDate?: ((phraseArg: PhraseArg) => string) | undefined;
+    dateIsUnavailable?: ((phraseArg: PhraseArg) => string) | undefined;
+    dateIsSelected?: ((phraseArg: PhraseArg) => string) | undefined;
+    dateIsSelectedAsStartDate?: ((phraseArg: PhraseArg) => string) | undefined;
+    dateIsSelectedAsEndDate?: ((phraseArg: PhraseArg) => string) | undefined;
 }
@@ -409,19 +409,19 @@
 export interface DayPickerKeyboardShortcutsPhrases {
-    keyboardShortcuts?: string;
-    showKeyboardShortcutsPanel?: string;
-    hideKeyboardShortcutsPanel?: string;
-    openThisPanel?: string;
-    enterKey?: string;
-    leftArrowRightArrow?: string;
-    upArrowDownArrow?: string;
-    pageUpPageDown?: string;
-    homeEnd?: string;
-    escape?: string;
-    questionMark?: string;
-    selectFocusedDate?: string;
-    moveFocusByOneDay?: string;
-    moveFocusByOneWeek?: string;
-    moveFocusByOneMonth?: string;
-    moveFocustoStartAndEndOfWeek?: string;
-    returnFocusToInput?: string;
+    keyboardShortcuts?: string | undefined;
+    showKeyboardShortcutsPanel?: string | undefined;
+    hideKeyboardShortcutsPanel?: string | undefined;
+    openThisPanel?: string | undefined;
+    enterKey?: string | undefined;
+    leftArrowRightArrow?: string | undefined;
+    upArrowDownArrow?: string | undefined;
+    pageUpPageDown?: string | undefined;
+    homeEnd?: string | undefined;
+    escape?: string | undefined;
+    questionMark?: string | undefined;
+    selectFocusedDate?: string | undefined;
+    moveFocusByOneDay?: string | undefined;
+    moveFocusByOneWeek?: string | undefined;
+    moveFocusByOneMonth?: string | undefined;
+    moveFocustoStartAndEndOfWeek?: string | undefined;
+    returnFocusToInput?: string | undefined;
 }
@@ -431,4 +431,4 @@
 export interface DayPickerNavigationPhrases {
-    jumpToPrevMonth?: string;
-    jumpToNextMonth?: string;
+    jumpToPrevMonth?: string | undefined;
+    jumpToNextMonth?: string | undefined;
 }
@@ -438,7 +438,7 @@
 export interface CalendarDayPhrases {
-    chooseAvailableDate?: (phraseArg: PhraseArg) => string;
-    dateIsUnavailable?: (phraseArg: PhraseArg) => string;
-    dateIsSelected?: (phraseArg: PhraseArg) => string;
-    dateIsSelectedAsStartDate?: (phraseArg: PhraseArg) => string;
-    dateIsSelectedAsEndDate?: (phraseArg: PhraseArg) => string;
+    chooseAvailableDate?: ((phraseArg: PhraseArg) => string) | undefined;
+    dateIsUnavailable?: ((phraseArg: PhraseArg) => string) | undefined;
+    dateIsSelected?: ((phraseArg: PhraseArg) => string) | undefined;
+    dateIsSelectedAsStartDate?: ((phraseArg: PhraseArg) => string) | undefined;
+    dateIsSelectedAsEndDate?: ((phraseArg: PhraseArg) => string) | undefined;
 }
@@ -450,16 +450,16 @@
 export interface CalendarDayShape {
-    day?: moment.Moment | null;
-    daySize?: number;
-    isOutsideDay?: boolean;
-    modifiers?: ModifiersShape;
-    isFocused?: boolean;
-    tabIndex?: 0 | -1;
-    onDayClick?: (day: moment.Moment, event: React.MouseEvent<HTMLTableDataCellElement>) => void;
-    onDayMouseEnter?: (day: moment.Moment, event: React.MouseEvent<HTMLTableDataCellElement>) => void;
-    onDayMouseLeave?: (day: moment.Moment, event: React.MouseEvent<HTMLTableDataCellElement>) => void;
-    renderDayContents?: ((day: moment.Moment, modifiers: ModifiersShape) => React.ReactNode) | null;
-    ariaLabelFormat?: string;
+    day?: moment.Moment | null | undefined;
+    daySize?: number | undefined;
+    isOutsideDay?: boolean | undefined;
+    modifiers?: ModifiersShape | undefined;
+    isFocused?: boolean | undefined;
+    tabIndex?: 0 | -1 | undefined;
+    onDayClick?: ((day: moment.Moment, event: React.MouseEvent<HTMLTableDataCellElement>) => void) | undefined;
+    onDayMouseEnter?: ((day: moment.Moment, event: React.MouseEvent<HTMLTableDataCellElement>) => void) | undefined;
+    onDayMouseLeave?: ((day: moment.Moment, event: React.MouseEvent<HTMLTableDataCellElement>) => void) | undefined;
+    renderDayContents?: ((day: moment.Moment, modifiers: ModifiersShape) => React.ReactNode) | null | undefined;
+    ariaLabelFormat?: string | undefined;
 
     // internationalization
-    phrases?: CalendarDayPhrases;
+    phrases?: CalendarDayPhrases | undefined;
 }
@@ -476,20 +476,20 @@
     > & {
-        month?: moment.Moment;
-        horizontalMonthPadding?: number;
-        isVisible?: boolean;
-        enableOutsideDays?: boolean;
-        modifiers?: Record<string, ModifiersShape>;
-        orientation?: ScrollableOrientationShape;
-        onMonthSelect?: (currentMonth: moment.Moment, newMonthVal: string) => void;
-        onYearSelect?: (currentMonth: moment.Moment, newMonthVal: string) => void;
-        renderCalendarDay?: (props: CalendarDayShape) => React.ReactNode;
-        firstDayOfWeek?: DayOfWeekShape | null;
-        setMonthTitleHeight?: ((captionHeight: number) => void) | null;
-        verticalBorderSpacing?: number;
+        month?: moment.Moment | undefined;
+        horizontalMonthPadding?: number | undefined;
+        isVisible?: boolean | undefined;
+        enableOutsideDays?: boolean | undefined;
+        modifiers?: Record<string, ModifiersShape> | undefined;
+        orientation?: ScrollableOrientationShape | undefined;
+        onMonthSelect?: ((currentMonth: moment.Moment, newMonthVal: string) => void) | undefined;
+        onYearSelect?: ((currentMonth: moment.Moment, newMonthVal: string) => void) | undefined;
+        renderCalendarDay?: ((props: CalendarDayShape) => React.ReactNode) | undefined;
+        firstDayOfWeek?: DayOfWeekShape | null | undefined;
+        setMonthTitleHeight?: ((captionHeight: number) => void) | null | undefined;
+        verticalBorderSpacing?: number | undefined;
 
-        focusedDate?: moment.Moment | null; // indicates focusable day
+        focusedDate?: moment.Moment | null | undefined; // indicates focusable day
 
         // i18n
-        monthFormat?: string;
-        dayAriaLabelFormat?: string;
+        monthFormat?: string | undefined;
+        dayAriaLabelFormat?: string | undefined;
     };
@@ -521,14 +521,14 @@
     > & {
-        firstVisibleMonthIndex?: number;
-        initialMonth?: moment.Moment;
-        isAnimating?: boolean;
-        numberOfMonths?: number;
-        modifiers?: Record<string, Record<string, ModifiersShape>>;
-        orientation?: ScrollableOrientationShape;
-        onMonthTransitionEnd?: (event?: React.TransitionEvent<HTMLDivElement>) => void;
-        onMonthChange?: (newMonth: moment.Moment) => void;
-        onYearChange?: (newMonth: moment.Moment) => void;
-        translationValue?: number | null;
-        isRTL?: boolean;
-        transitionDuration?: number;
+        firstVisibleMonthIndex?: number | undefined;
+        initialMonth?: moment.Moment | undefined;
+        isAnimating?: boolean | undefined;
+        numberOfMonths?: number | undefined;
+        modifiers?: Record<string, Record<string, ModifiersShape>> | undefined;
+        orientation?: ScrollableOrientationShape | undefined;
+        onMonthTransitionEnd?: ((event?: React.TransitionEvent<HTMLDivElement>) => void) | undefined;
+        onMonthChange?: ((newMonth: moment.Moment) => void) | undefined;
+        onYearChange?: ((newMonth: moment.Moment) => void) | undefined;
+        translationValue?: number | null | undefined;
+        isRTL?: boolean | undefined;
+        transitionDuration?: number | undefined;
     };
@@ -545,50 +545,50 @@
 export interface DateRangePickerInputShape {
-    startDateId?: string;
-    startDatePlaceholderText?: string;
-    startDateAriaLabel?: string;
-    screenReaderMessage?: string;
+    startDateId?: string | undefined;
+    startDatePlaceholderText?: string | undefined;
+    startDateAriaLabel?: string | undefined;
+    screenReaderMessage?: string | undefined;
 
-    endDateId?: string;
-    endDatePlaceholderText?: string;
-    endDateAriaLabel?: string;
+    endDateId?: string | undefined;
+    endDatePlaceholderText?: string | undefined;
+    endDateAriaLabel?: string | undefined;
 
-    onStartDateFocus?: React.FocusEventHandler<HTMLInputElement>;
-    onEndDateFocus?: React.FocusEventHandler<HTMLInputElement>;
-    onStartDateChange?: (dateString: string) => void;
-    onEndDateChange?: (dateString: string) => void;
-    onStartDateShiftTab?: React.KeyboardEventHandler<HTMLInputElement>;
-    onEndDateTab?: React.KeyboardEventHandler<HTMLInputElement>;
-    onClearDates?: React.MouseEventHandler<HTMLButtonElement>;
-    onKeyDownArrowDown?: React.KeyboardEventHandler<HTMLInputElement>;
-    onKeyDownQuestionMark?: React.KeyboardEventHandler<HTMLInputElement>;
+    onStartDateFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
+    onEndDateFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
+    onStartDateChange?: ((dateString: string) => void) | undefined;
+    onEndDateChange?: ((dateString: string) => void) | undefined;
+    onStartDateShiftTab?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
+    onEndDateTab?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
+    onClearDates?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+    onKeyDownArrowDown?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
+    onKeyDownQuestionMark?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
 
-    startDate?: string;
-    endDate?: string;
+    startDate?: string | undefined;
+    endDate?: string | undefined;
 
-    isStartDateFocused?: boolean;
-    isEndDateFocused?: boolean;
-    showClearDates?: boolean;
-    disabled?: DisabledShape;
-    required?: boolean;
-    readOnly?: boolean;
-    openDirection?: OpenDirectionShape;
-    showCaret?: boolean;
-    showDefaultInputIcon?: boolean;
-    inputIconPosition?: IconPositionShape;
-    customInputIcon?: React.ReactNode;
-    customArrowIcon?: React.ReactNode;
-    customCloseIcon?: React.ReactNode;
-    noBorder?: boolean;
-    block?: boolean;
-    small?: boolean;
-    regular?: boolean;
-    verticalSpacing?: number;
+    isStartDateFocused?: boolean | undefined;
+    isEndDateFocused?: boolean | undefined;
+    showClearDates?: boolean | undefined;
+    disabled?: DisabledShape | undefined;
+    required?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    openDirection?: OpenDirectionShape | undefined;
+    showCaret?: boolean | undefined;
+    showDefaultInputIcon?: boolean | undefined;
+    inputIconPosition?: IconPositionShape | undefined;
+    customInputIcon?: React.ReactNode | undefined;
+    customArrowIcon?: React.ReactNode | undefined;
+    customCloseIcon?: React.ReactNode | undefined;
+    noBorder?: boolean | undefined;
+    block?: boolean | undefined;
+    small?: boolean | undefined;
+    regular?: boolean | undefined;
+    verticalSpacing?: number | undefined;
 
     // accessibility
-    isFocused?: boolean; // describes actual DOM focus
+    isFocused?: boolean | undefined; // describes actual DOM focus
 
     // i18n
-    phrases?: DateRangePickerInputPhrases;
+    phrases?: DateRangePickerInputPhrases | undefined;
 
-    isRTL?: boolean;
+    isRTL?: boolean | undefined;
 }
@@ -634,16 +634,16 @@
     > {
-    startDate?: moment.Moment | null;
+    startDate?: moment.Moment | null | undefined;
 
-    endDate?: moment.Moment | null;
+    endDate?: moment.Moment | null | undefined;
 
-    keepOpenOnDateSelect?: boolean;
-    reopenPickerOnClearDates?: boolean;
-    withFullScreenPortal?: boolean;
-    minimumNights?: number;
-    isOutsideRange?: (day: moment.Moment) => boolean;
-    displayFormat?: string | (() => string);
+    keepOpenOnDateSelect?: boolean | undefined;
+    reopenPickerOnClearDates?: boolean | undefined;
+    withFullScreenPortal?: boolean | undefined;
+    minimumNights?: number | undefined;
+    isOutsideRange?: ((day: moment.Moment) => boolean) | undefined;
+    displayFormat?: string | (() => string) | undefined;
 
-    onFocusChange?: (arg: FocusedInputShape | null) => void;
-    onClose?: (final: { startDate: moment.Moment | null; endDate: moment.Moment | null }) => void;
-    onDatesChange?: (arg: { startDate: moment.Moment | null; endDate: moment.Moment | null }) => void;
+    onFocusChange?: ((arg: FocusedInputShape | null) => void) | undefined;
+    onClose?: ((final: { startDate: moment.Moment | null; endDate: moment.Moment | null }) => void) | undefined;
+    onDatesChange?: ((arg: { startDate: moment.Moment | null; endDate: moment.Moment | null }) => void) | undefined;
 }
@@ -675,30 +675,30 @@
     (
-        | { orientation?: OrientationShape; onGetNextScrollableMonths?: never; onGetPrevScrollableMonths?: never }
+        | { orientation?: OrientationShape | undefined; onGetNextScrollableMonths?: never | undefined; onGetPrevScrollableMonths?: never | undefined }
         | {
               orientation: 'verticalScrollable';
-              onGetNextScrollableMonths?: (
+              onGetNextScrollableMonths?: ((
                   event?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,
-              ) => void; // VERTICAL_SCROLLABLE daypickers only
-              onGetPrevScrollableMonths?: (
+              ) => void) | undefined; // VERTICAL_SCROLLABLE daypickers only
+              onGetPrevScrollableMonths?: ((
                   event?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,
-              ) => void; // VERTICAL_SCROLLABLE daypickers only
+              ) => void) | undefined; // VERTICAL_SCROLLABLE daypickers only
           }
     ) & {
         // calendar presentation props
-        numberOfMonths?: number;
-        withPortal?: boolean;
-        onOutsideClick?: ReactOutsideClickHandlerProps['onOutsideClick'];
-        hidden?: boolean;
-        initialVisibleMonth?: () => moment.Moment;
-        renderCalendarInfo?: (() => React.ReactNode) | null;
-        calendarInfoPosition?: CalendarInfoPositionShape;
-        hideKeyboardShortcutsPanel?: boolean;
-        verticalHeight?: number | null;
-        noBorder?: boolean;
-        renderKeyboardShortcutsButton?: (props: {
+        numberOfMonths?: number | undefined;
+        withPortal?: boolean | undefined;
+        onOutsideClick?: ReactOutsideClickHandlerProps['onOutsideClick'] | undefined;
+        hidden?: boolean | undefined;
+        initialVisibleMonth?: (() => moment.Moment) | undefined;
+        renderCalendarInfo?: (() => React.ReactNode) | null | undefined;
+        calendarInfoPosition?: CalendarInfoPositionShape | undefined;
+        hideKeyboardShortcutsPanel?: boolean | undefined;
+        verticalHeight?: number | null | undefined;
+        noBorder?: boolean | undefined;
+        renderKeyboardShortcutsButton?: ((props: {
             ref: React.Ref<HTMLElement>;
             onClick: React.MouseEventHandler;
             ariaLabel: string;
-        }) => React.ReactNode;
-        renderKeyboardShortcutsPanel?: (props: {
+        }) => React.ReactNode) | undefined;
+        renderKeyboardShortcutsPanel?: ((props: {
             closeButtonAriaLabel: string;
@@ -709,11 +709,11 @@ keyboardShortcuts: Array<Record<'unicode' | 'label' | 'action', string>>;
             title: string;
-        }) => React.ReactNode;
+        }) => React.ReactNode) | undefined;
 
         // navigation props
-        dayPickerNavigationInlineStyles?: Record<string, any> | null;
-        disablePrev?: boolean;
-        disableNext?: boolean;
-        navPosition?: NavPositionShape;
-        navPrev?: React.ReactNode;
-        navNext?: React.ReactNode;
+        dayPickerNavigationInlineStyles?: Record<string, any> | null | undefined;
+        disablePrev?: boolean | undefined;
+        disableNext?: boolean | undefined;
+        navPosition?: NavPositionShape | undefined;
+        navPrev?: React.ReactNode | undefined;
+        navNext?: React.ReactNode | undefined;
         renderNavPrevButton?:
@@ -723,7 +723,7 @@ | ((props: {
                   disabled: boolean;
-                  onClick?: React.MouseEventHandler;
-                  onKeyUp?: React.KeyboardEventHandler;
-                  onMouseUp?: React.MouseEventHandler;
+                  onClick?: React.MouseEventHandler | undefined;
+                  onKeyUp?: React.KeyboardEventHandler | undefined;
+                  onMouseUp?: React.MouseEventHandler | undefined;
               }) => React.ReactNode)
-            | null;
+            | null | undefined;
         renderNavNextButton?:
@@ -733,29 +733,29 @@ | ((props: {
                   disabled: boolean;
-                  onClick?: React.MouseEventHandler;
-                  onKeyUp?: React.KeyboardEventHandler;
-                  onMouseUp?: React.MouseEventHandler;
+                  onClick?: React.MouseEventHandler | undefined;
+                  onKeyUp?: React.KeyboardEventHandler | undefined;
+                  onMouseUp?: React.MouseEventHandler | undefined;
               }) => React.ReactNode)
-            | null;
-        noNavButtons?: boolean;
-        noNavNextButton?: boolean;
-        noNavPrevButton?: boolean;
-        onPrevMonthClick?: (newCurrentMonth: moment.Moment) => void;
-        onNextMonthClick?: (newCurrentMonth: moment.Moment) => void;
-        onMonthChange?: (newMonth: moment.Moment) => void;
-        onYearChange?: (newMonth: moment.Moment) => void;
+            | null | undefined;
+        noNavButtons?: boolean | undefined;
+        noNavNextButton?: boolean | undefined;
+        noNavPrevButton?: boolean | undefined;
+        onPrevMonthClick?: ((newCurrentMonth: moment.Moment) => void) | undefined;
+        onNextMonthClick?: ((newCurrentMonth: moment.Moment) => void) | undefined;
+        onMonthChange?: ((newMonth: moment.Moment) => void) | undefined;
+        onYearChange?: ((newMonth: moment.Moment) => void) | undefined;
 
         // month props
-        renderWeekHeaderElement?: ((day: string) => React.ReactNode) | null;
+        renderWeekHeaderElement?: ((day: string) => React.ReactNode) | null | undefined;
 
         // accessibility props
-        isFocused?: boolean;
-        getFirstFocusableDay?: ((month: moment.Moment) => moment.Moment) | null;
-        onBlur?: React.KeyboardEventHandler<HTMLDivElement>;
-        showKeyboardShortcuts?: boolean;
-        onTab?: React.KeyboardEventHandler<HTMLDivElement>;
-        onShiftTab?: () => void;
+        isFocused?: boolean | undefined;
+        getFirstFocusableDay?: ((month: moment.Moment) => moment.Moment) | null | undefined;
+        onBlur?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
+        showKeyboardShortcuts?: boolean | undefined;
+        onTab?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
+        onShiftTab?: (() => void) | undefined;
 
         // internationalization
-        weekDayFormat?: string;
-        phrases?: DayPickerPhrases;
+        weekDayFormat?: string | undefined;
+        phrases?: DayPickerPhrases | undefined;
     };
@@ -812,26 +812,26 @@
         onDatesChange: (arg: { startDate: moment.Moment | null; endDate: moment.Moment | null }) => void;
-        startDateOffset?: (day: moment.Moment) => moment.Moment;
-        endDateOffset?: (day: moment.Moment) => moment.Moment;
-        minDate?: moment.Moment | null;
-        maxDate?: moment.Moment | null;
+        startDateOffset?: ((day: moment.Moment) => moment.Moment) | undefined;
+        endDateOffset?: ((day: moment.Moment) => moment.Moment) | undefined;
+        minDate?: moment.Moment | null | undefined;
+        maxDate?: moment.Moment | null | undefined;
 
         focusedInput: FocusedInputShape | null;
         onFocusChange: (arg: FocusedInputShape | null) => void;
-        onClose?: (final: { startDate: moment.Moment | null; endDate: moment.Moment | null }) => void;
+        onClose?: ((final: { startDate: moment.Moment | null; endDate: moment.Moment | null }) => void) | undefined;
 
-        keepOpenOnDateSelect?: boolean;
-        minimumNights?: number;
-        disabled?: DisabledShape;
-        isOutsideRange?: (day: moment.Moment) => boolean;
-        isDayBlocked?: (day: moment.Moment) => boolean;
-        isDayHighlighted?: (day: moment.Moment) => boolean;
-        getMinNightsForHoverDate?: (day: moment.Moment) => number;
-        daysViolatingMinNightsCanBeClicked?: boolean;
+        keepOpenOnDateSelect?: boolean | undefined;
+        minimumNights?: number | undefined;
+        disabled?: DisabledShape | undefined;
+        isOutsideRange?: ((day: moment.Moment) => boolean) | undefined;
+        isDayBlocked?: ((day: moment.Moment) => boolean) | undefined;
+        isDayHighlighted?: ((day: moment.Moment) => boolean) | undefined;
+        getMinNightsForHoverDate?: ((day: moment.Moment) => number) | undefined;
+        daysViolatingMinNightsCanBeClicked?: boolean | undefined;
 
         // DayPicker props
         initialVisibleMonth: (() => moment.Moment) | null;
-        orientation?: ScrollableOrientationShape;
+        orientation?: ScrollableOrientationShape | undefined;
 
-        onPrevMonthClick?: (newCurrentMonth: moment.Moment) => void;
-        onNextMonthClick?: (newCurrentMonth: moment.Moment) => void;
+        onPrevMonthClick?: ((newCurrentMonth: moment.Moment) => void) | undefined;
+        onNextMonthClick?: ((newCurrentMonth: moment.Moment) => void) | undefined;
     };
@@ -884,4 +884,4 @@
         date: moment.Moment | null;
-        minDate?: moment.Moment | null;
-        maxDate?: moment.Moment | null;
+        minDate?: moment.Moment | null | undefined;
+        maxDate?: moment.Moment | null | undefined;
         onDateChange: (date: moment.Moment | null) => void;
@@ -891,15 +891,15 @@
         onFocusChange: (arg: { focused: boolean }) => void;
-        onClose?: (arg: { date: moment.Moment | null }) => void;
+        onClose?: ((arg: { date: moment.Moment | null }) => void) | undefined;
 
-        keepOpenOnDateSelect?: boolean;
-        isOutsideRange?: (day: moment.Moment) => boolean;
-        isDayBlocked?: (day: moment.Moment) => boolean;
-        isDayHighlighted?: (day: moment.Moment) => boolean;
+        keepOpenOnDateSelect?: boolean | undefined;
+        isOutsideRange?: ((day: moment.Moment) => boolean) | undefined;
+        isDayBlocked?: ((day: moment.Moment) => boolean) | undefined;
+        isDayHighlighted?: ((day: moment.Moment) => boolean) | undefined;
 
         // DayPicker props
         initialVisibleMonth: (() => moment.Moment) | null;
-        orientation?: ScrollableOrientationShape;
+        orientation?: ScrollableOrientationShape | undefined;
 
-        onPrevMonthClick?: (newCurrentMonth: moment.Moment) => void;
-        onNextMonthClick?: (newCurrentMonth: moment.Moment) => void;
+        onPrevMonthClick?: ((newCurrentMonth: moment.Moment) => void) | undefined;
+        onNextMonthClick?: ((newCurrentMonth: moment.Moment) => void) | undefined;
     };
@@ -917,35 +917,35 @@
     id: string;
-    placeholder?: string;
-    ariaLabel?: string;
-    displayValue?: string;
-    screenReaderMessage?: string;
-    focused?: boolean;
-    isFocused?: boolean;
-    disabled?: boolean;
-    required?: boolean;
-    readOnly?: boolean;
-    openDirection?: OpenDirectionShape;
-    showCaret?: boolean;
-    showClearDate?: boolean;
-    customCloseIcon?: React.ReactNode;
-    showDefaultInputIcon?: boolean;
-    inputIconPosition?: IconPositionShape;
-    customInputIcon?: React.ReactNode;
-    isRTL?: boolean;
-    noBorder?: boolean;
-    block?: boolean;
-    small?: boolean;
-    regular?: boolean;
-    verticalSpacing?: number;
+    placeholder?: string | undefined;
+    ariaLabel?: string | undefined;
+    displayValue?: string | undefined;
+    screenReaderMessage?: string | undefined;
+    focused?: boolean | undefined;
+    isFocused?: boolean | undefined;
+    disabled?: boolean | undefined;
+    required?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    openDirection?: OpenDirectionShape | undefined;
+    showCaret?: boolean | undefined;
+    showClearDate?: boolean | undefined;
+    customCloseIcon?: React.ReactNode | undefined;
+    showDefaultInputIcon?: boolean | undefined;
+    inputIconPosition?: IconPositionShape | undefined;
+    customInputIcon?: React.ReactNode | undefined;
+    isRTL?: boolean | undefined;
+    noBorder?: boolean | undefined;
+    block?: boolean | undefined;
+    small?: boolean | undefined;
+    regular?: boolean | undefined;
+    verticalSpacing?: number | undefined;
 
-    onChange?: (dateString: string) => void;
-    onClearDate?: React.MouseEventHandler<HTMLButtonElement>;
-    onFocus?: React.FocusEventHandler<HTMLInputElement>;
-    onKeyDownShiftTab?: React.KeyboardEventHandler<HTMLInputElement>;
-    onKeyDownTab?: React.KeyboardEventHandler<HTMLInputElement>;
-    onKeyDownArrowDown?: React.KeyboardEventHandler<HTMLInputElement>;
-    onKeyDownQuestionMark?: React.KeyboardEventHandler<HTMLInputElement>;
+    onChange?: ((dateString: string) => void) | undefined;
+    onClearDate?: React.MouseEventHandler<HTMLButtonElement> | undefined;
+    onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
+    onKeyDownShiftTab?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
+    onKeyDownTab?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
+    onKeyDownArrowDown?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
+    onKeyDownQuestionMark?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
 
     // i18n
-    phrases?: SingleDatePickerInputPhrases;
+    phrases?: SingleDatePickerInputPhrases | undefined;
 }
@@ -952,0 +952,0 @@

react-dates/package.json

 {
     "name": "@types/react-dates",
-    "version": "21.8.2",
+    "version": "21.8.3",
     "description": "TypeScript definitions for react-dates",
+    "homepage": "https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-dates",
     "license": "MIT",
@@ -41,4 +42,4 @@ "contributors": [
     },
-    "typesPublisherContentHash": "06244fe122c6334058cc684605a78e72380c037d38a5b8e56cd9441a0da6b5f8",
-    "typeScriptVersion": "3.5"
+    "typesPublisherContentHash": "2a682fce0606fe3271e91a22804ae0c9edfbf8252b49f0b969c747f07c894533",
+    "typeScriptVersion": "3.6"
 }

react-dates/README.md

@@ -11,3 +11,3 @@ # Installation
 ### Additional Details
- * Last updated: Sat, 17 Apr 2021 00:31:18 GMT
+ * Last updated: Wed, 07 Jul 2021 17:33:39 GMT
  * Dependencies: [@types/react](https://npmjs.com/package/@types/react), [@types/moment](https://npmjs.com/package/@types/moment), [@types/react-outside-click-handler](https://npmjs.com/package/@types/react-outside-click-handler)
@@ -14,0 +14,0 @@ * Global values: none

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No website

Quality

Package does not have a website.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

45879

increased by14.16%

Number of low quality alerts

0

decreased by-100%

No dependency changes