Fix hover styling, add range story #91
Annotations
4 errors and 1 warning
Run npm test:
src/components/forms/controls/DatePicker/DatePicker.stories.tsx#L17
Type '(props: DatePickerProps) => React.JSX.Element' is not assignable to type 'ComponentType<DatePickerProps>'.
|
Run npm test:
src/components/forms/controls/DatePicker/DatePicker.stories.tsx#L41
Type '{ selected: Date | null; onChange: (date: Date) => void; children?: ReactNode; inline?: boolean; date?: Date; minDate: Date; maxDate: Date; scrollableYearDropdown?: boolean; yearDropdownItemNumber?: number; adjustDateOnChange?: boolean; locale?: Locale; useShortMonthInDropdown?: boolean; scrollableMonthYearDropdown?: boolean; selectingDate?: Date; onYearMouseEnter?: (event: MouseEvent<HTMLDivElement, MouseEvent>, year: number) => void; onYearMouseLeave?: (event: MouseEvent<HTMLDivElement, MouseEvent>, year: number) => void; excludeDates?: { date: Date; message?: string; }[] | Date[]; includeDates?: Date[]; filterDate?: (date: Date) => boolean; disabledKeyboardNavigation?: boolean; endDate?: Date; usePointerEvent?: boolean; renderYearContent?: (year: number) => ReactNode; selectsEnd?: boolean; selectsStart?: boolean; startDate?: Date; yearItemNumber?: number; yearClassName?: (date: Date) => string; onDayMouseEnter?: (date: Date) => void; chooseDayAriaLabelPrefix?: string | undefined; disabledDayAriaLabelPrefix?: string | undefined; excludeDateIntervals?: { start: Date; end: Date; }[]; includeDateIntervals?: { start: Date; end: Date; }[]; dayClassName?: (date: Date) => string; showWeekPicker?: boolean; selectsDisabledDaysInRange?: boolean; selectedDates?: Date[]; renderDayContents?: (day: number, date: Date) => ReactNode; containerRef?: RefObject<HTMLDivElement>; calendarStartDay?: Day; shouldCloseOnSelect?: boolean; formatWeekNumber?: (date: Date) => number; onWeekSelect?: (day: Date, weekNumber: number, event: MouseEvent<HTMLDivElement, MouseEvent>) => void; monthClassName?: (date: Date) => string; renderMonthContent?: (m: number, shortMonthText: string, fullMonthText: string, day: Date) => ReactNode; renderQuarterContent?: (q: number, shortQuarter: string) => ReactNode; fixedHeight?: boolean; peekNextMonth?: boolean; showWeekNumbers?: boolean | undefined; showMonthYearPicker?: boolean; showFullMonthYearPicker?: boolean; showTwoColumnMonthYearPicker?: boolean; showFourColumnMonthYearPicker?: boolean; showQuarterYearPicker?: boolean; weekAriaLabelPrefix?: string | undefined; minTime?: Date; maxTime?: Date; excludeTimes?: Date[]; includeTimes?: Date[]; filterTime?: (time: Date) => boolean; openToDate?: Date; timeClassName?: (time: Date) => string; todayButton?: ReactNode; timeCaption?: string; injectTimes?: Date[]; showTimeSelectOnly?: boolean; showTimeCaption?: boolean; timeInputLabel?: string; customTimeInput?: any; showYearPicker?: boolean; showTimeSelect?: boolean; showTimeInput?: boolean; showYearDropdown?: boolean; showMonthDropdown?: boolean; useWeekdaysShort?: boolean; forceShowMonthNavigation?: boolean; showDisabledMonthNavigation?: boolean; formatWeekDay?: (date: string) => string; weekDayClassName?: (date: Date) => string; onMonthChange?: (date: Date) => void; onYearChange?: (date: Date) => void; onMonthMouseLeave?: VoidFunction; weekLabel?: string; previousMonthButtonLabel?: ReactNode; previousYearButtonLabel?: string; previousMonthAriaLabel?: string; previousYearAriaLabel?: string; nextMonthButtonLabel?: ReactNode; nextYearButtonLabel?: string; nextMonthAriaLabel?: string; nextYearAriaLabel?: string; showPreviousMonths?: boolean; monthsShown?: number; renderCustomHeader?: (props: ReactDatePickerCustomHeaderProps) => JSX.Element; monthAriaLabelPrefix?: string | undefined; timeFormat?: string | undefined; timeIntervals?: number | undefined; showMonthYearDropdown: true; icon?: ReactNode; portalHost?: ShadowRoot; portalId?: string; popperProps?: Omit<UseFloatingOptions<ReferenceType>, "middleware">; enableTabLoop?: boolean; wrapperClassName?: string; popperContainer?: FC<{ children?: ReactNode; }>; popperModifiers?: { name: string; options?: any; fn: (state: { x: number; y: number; platform: Platform; placement: Placement; strategy: Strategy; middlewareData: MiddlewareData; initialPlacement: Placement; rects: ElementRects; elements: Elements; }) => Promisable<MiddlewareReturn>; }[]; popperPlacement?: Placement; dateFormatCalendar?: string; calendarClassName?: string | undefined; calendarContainer?: ElementTy
|
Run npm test:
src/components/forms/controls/DatePicker/DatePicker.stories.tsx#L69
Type '{ selected: Date | null; onChange: (dates: (Date | null)[]) => void; startDate: Date | null; endDate: Date | null; selectsRange: boolean; inline: boolean; children?: ReactNode; date?: Date; minDate: Date; maxDate: Date; scrollableYearDropdown?: boolean; yearDropdownItemNumber?: number; adjustDateOnChange?: boolean; locale?: Locale; useShortMonthInDropdown?: boolean; scrollableMonthYearDropdown?: boolean; selectingDate?: Date; onYearMouseEnter?: (event: MouseEvent<HTMLDivElement, MouseEvent>, year: number) => void; onYearMouseLeave?: (event: MouseEvent<HTMLDivElement, MouseEvent>, year: number) => void; excludeDates?: { date: Date; message?: string; }[] | Date[]; includeDates?: Date[]; filterDate?: (date: Date) => boolean; disabledKeyboardNavigation?: boolean; usePointerEvent?: boolean; renderYearContent?: (year: number) => ReactNode; selectsEnd?: boolean; selectsStart?: boolean; yearItemNumber?: number; yearClassName?: (date: Date) => string; onDayMouseEnter?: (date: Date) => void; chooseDayAriaLabelPrefix?: string | undefined; disabledDayAriaLabelPrefix?: string | undefined; excludeDateIntervals?: { start: Date; end: Date; }[]; includeDateIntervals?: { start: Date; end: Date; }[]; dayClassName?: (date: Date) => string; showWeekPicker?: boolean; selectsDisabledDaysInRange?: boolean; selectedDates?: Date[]; renderDayContents?: (day: number, date: Date) => ReactNode; containerRef?: RefObject<HTMLDivElement>; calendarStartDay?: Day; shouldCloseOnSelect?: boolean; formatWeekNumber?: (date: Date) => number; onWeekSelect?: (day: Date, weekNumber: number, event: MouseEvent<HTMLDivElement, MouseEvent>) => void; monthClassName?: (date: Date) => string; renderMonthContent?: (m: number, shortMonthText: string, fullMonthText: string, day: Date) => ReactNode; renderQuarterContent?: (q: number, shortQuarter: string) => ReactNode; fixedHeight?: boolean; peekNextMonth?: boolean; showWeekNumbers?: boolean | undefined; showMonthYearPicker?: boolean; showFullMonthYearPicker?: boolean; showTwoColumnMonthYearPicker?: boolean; showFourColumnMonthYearPicker?: boolean; showQuarterYearPicker?: boolean; weekAriaLabelPrefix?: string | undefined; minTime?: Date; maxTime?: Date; excludeTimes?: Date[]; includeTimes?: Date[]; filterTime?: (time: Date) => boolean; openToDate?: Date; timeClassName?: (time: Date) => string; todayButton?: ReactNode; timeCaption?: string; injectTimes?: Date[]; showTimeSelectOnly?: boolean; showTimeCaption?: boolean; timeInputLabel?: string; customTimeInput?: any; showYearPicker?: boolean; showTimeSelect?: boolean; showTimeInput?: boolean; showYearDropdown?: boolean; showMonthDropdown?: boolean; useWeekdaysShort?: boolean; forceShowMonthNavigation?: boolean; showDisabledMonthNavigation?: boolean; formatWeekDay?: (date: string) => string; weekDayClassName?: (date: Date) => string; onMonthChange?: (date: Date) => void; onYearChange?: (date: Date) => void; onMonthMouseLeave?: VoidFunction; weekLabel?: string; previousMonthButtonLabel?: ReactNode; previousYearButtonLabel?: string; previousMonthAriaLabel?: string; previousYearAriaLabel?: string; nextMonthButtonLabel?: ReactNode; nextYearButtonLabel?: string; nextMonthAriaLabel?: string; nextYearAriaLabel?: string; showPreviousMonths?: boolean; monthsShown?: number; renderCustomHeader?: (props: ReactDatePickerCustomHeaderProps) => JSX.Element; monthAriaLabelPrefix?: string | undefined; timeFormat?: string | undefined; timeIntervals?: number | undefined; showMonthYearDropdown: true; icon?: ReactNode; portalHost?: ShadowRoot; portalId?: string; popperProps?: Omit<UseFloatingOptions<ReferenceType>, "middleware">; enableTabLoop?: boolean; wrapperClassName?: string; popperContainer?: FC<{ children?: ReactNode; }>; popperModifiers?: { name: string; options?: any; fn: (state: { x: number; y: number; platform: Platform; placement: Placement; strategy: Strategy; middlewareData: MiddlewareData; initialPlacement: Placement; rects: ElementRects; elements: Elements; }) => Promisable<MiddlewareReturn>; }[]; popperPlacement?: Placement; dateFormatCalendar?: string; calendarClassName?: str
|
Run npm test
Process completed with exit code 2.
|
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
Loading