@stenajs-webui/calendar 20.8.0 → 20.9.0

package/dist/components/calendar/Calendar.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import * as React from "react";
 import { CalendarProps } from "../../types/CalendarTypes";
-export declare function Calendar<T>(props: CalendarProps<T>): JSX.Element;
+export declare function Calendar<T>(props: CalendarProps<T>): React.JSX.Element;

package/dist/components/calendar/CalendarMonth.d.ts

@@ -8,9 +8,9 @@ export interface CalendarMonthProps<T> extends CalendarOnClicks<T>, Renderers, O
     userDataPerWeek?: CalendarUserMonthData<T>;
     statePerWeek?: CalendarUserMonthData<DayState>;
     theme?: CalendarTheme;
-    headerLeftContent?: React.ReactElement<{}>;
     headerRightContent?: React.ReactElement<{}>;
     extraDayContent?: React.ComponentType<ExtraDayContentProps<T>>;
     defaultHighlights?: Array<DayStateHighlight>;
+    showWeekNumber: boolean;
 }
-export declare function CalendarMonth<T>({ month, dayComponent, statePerWeek, userDataPerWeek, minDate, maxDate, onClickDay, onClickWeek, onClickWeekDay, onClickMonth, onClickYear, renderWeekNumber, renderWeekDay, headerLeftContent, headerRightContent, theme, extraDayContent, defaultHighlights, }: CalendarMonthProps<T>): JSX.Element;
+export declare function CalendarMonth<T>({ month, dayComponent, statePerWeek, userDataPerWeek, minDate, maxDate, onClickDay, onClickWeek, onClickWeekDay, onClickMonth, renderWeekNumber, renderWeekDay, headerRightContent, theme, extraDayContent, defaultHighlights, showWeekNumber, }: CalendarMonthProps<T>): React.JSX.Element;

package/dist/components/calendar/CalendarMonthWithMonthTextHeader.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import * as React from "react";
 import { CalendarMonthProps } from "./CalendarMonth";
 interface CalendarMonthWithMonthTextHeaderProps<T> extends CalendarMonthProps<T> {
 }
-export declare function CalendarMonthWithMonthTextHeader<T>(props: CalendarMonthWithMonthTextHeaderProps<T>): JSX.Element;
+export declare function CalendarMonthWithMonthTextHeader<T>(props: CalendarMonthWithMonthTextHeaderProps<T>): React.JSX.Element;
 export {};

package/dist/components/calendar/CalendarTheme.d.ts

@@ -15,7 +15,6 @@ export interface WeekNumberTheme {
     backgroundColor: string;
     textColor?: string;
     clickableTextColor?: string;
-    show?: boolean;
 }
 export interface CalendarMonthTheme {
     headerTextColor?: string;

package/dist/components/calendar/DisabledDayWrapper.d.ts

@@ -3,5 +3,5 @@ import { CalendarDayProps, OptionalMinMaxDates } from "../../types/CalendarTypes
 interface DisabledDayWrapperProps<T> extends CalendarDayProps<T>, OptionalMinMaxDates {
     dayComponent: React.ComponentType<CalendarDayProps<T>>;
 }
-export declare const DisabledDayWrapper: <T>({ dayComponent: DayComponent, minDate, maxDate, dayState, day, ...props }: DisabledDayWrapperProps<T>) => JSX.Element;
+export declare const DisabledDayWrapper: <T>({ dayComponent: DayComponent, minDate, maxDate, dayState, day, ...props }: DisabledDayWrapperProps<T>) => React.JSX.Element;
 export {};

package/dist/components/calendar/renderers/CalendarDay.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import * as React from "react";
 import { CalendarDayProps } from "../../../types/CalendarTypes";
-export declare const CalendarDay: <T>({ day, week, month, dayState, userData, onClickDay, theme, extraDayContent: ExtraDayContent, defaultHighlights, }: CalendarDayProps<T>) => JSX.Element;
+export declare const CalendarDay: <T>({ day, week, month, dayState, userData, onClickDay, theme, extraDayContent: ExtraDayContent, defaultHighlights, }: CalendarDayProps<T>) => React.JSX.Element;

package/dist/components/calendar/renderers/WeekDayCell.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from "react";
 import { OnClickWeekDay } from "../../../types/CalendarTypes";
 import { DayData } from "../../../util/calendar/CalendarDataFactory";
 import { CalendarTheme } from "../CalendarTheme";
@@ -7,4 +7,4 @@ export interface WeekDayCellProps {
     day: DayData;
     theme: CalendarTheme;
 }
-export declare const WeekDayCell: ({ onClickWeekDay, day, theme, }: WeekDayCellProps) => JSX.Element;
+export declare const WeekDayCell: ({ onClickWeekDay, day, theme, }: WeekDayCellProps) => React.JSX.Element;

package/dist/components/calendar-types/date-range-calendar/DateRangeCalendar.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from "react";
 import { InternalPanelAndFocusStateProps } from "../../../types/InternalPanelAndFocusStateProps";
 import { ValueAndOnValueChangeProps } from "@stenajs-webui/forms";
 import { DateRange } from "../../../types/DateRange";
@@ -8,5 +8,5 @@ export interface DateRangeCalendarProps<T> extends InternalPanelAndFocusStatePro
     setFocusedInput: (focusedInput: DateRangeFocusedInput) => void;
     initialDateInFocus?: Date;
 }
-export declare function DateRangeCalendar<T>(props: DateRangeCalendarProps<T>): JSX.Element;
+export declare function DateRangeCalendar<T>(props: DateRangeCalendarProps<T>): React.JSX.Element;
 export type DateRangeInputCalendarProps<T> = Omit<DateRangeCalendarProps<T>, "startDateInFocus" | "value" | "onValueChange" | "focusedInput" | "setFocusedInput" | "theme" | "currentPanel" | "setCurrentPanel">;

package/dist/components/calendar-types/multi-date-calendar/MultiDateCalendar.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import * as React from "react";
 import { UseInternalPanelStateProps } from "../../../features/internal-panel-state/UseInternalPanelState";
 import { InternalPanelAndFocusStateProps } from "../../../types/InternalPanelAndFocusStateProps";
 export interface MultiDateCalendarProps<T> extends InternalPanelAndFocusStateProps<T>, UseInternalPanelStateProps {
     value?: Array<Date>;
     onChange?: (value: Array<Date>) => void;
 }
-export declare function MultiDateCalendar<T>(props: MultiDateCalendarProps<T>): JSX.Element;
+export declare function MultiDateCalendar<T>(props: MultiDateCalendarProps<T>): React.JSX.Element;

package/dist/components/calendar-types/single-date-calendar/SingleDateCalendar.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import * as React from "react";
 import { InternalPanelAndFocusStateProps } from "../../../types/InternalPanelAndFocusStateProps";
 export interface SingleDateCalendarProps<T> extends InternalPanelAndFocusStateProps<T> {
     value: Date | undefined;
     onChange: (value: Date | undefined) => void;
 }
-export declare function SingleDateCalendar<T>(props: SingleDateCalendarProps<T>): JSX.Element;
+export declare function SingleDateCalendar<T>(props: SingleDateCalendarProps<T>): React.JSX.Element;

package/dist/components/calendar-types/single-week-calendar/SingleWeekCalendar.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import * as React from "react";
 import { InternalPanelAndFocusStateProps } from "../../../types/InternalPanelAndFocusStateProps";
 export type SingleWeekValue = string;
 export interface SingleWeekCalendarProps<T> extends InternalPanelAndFocusStateProps<T> {
     value: SingleWeekValue | undefined;
     onChange: (value: SingleWeekValue | undefined) => void;
 }
-export declare function SingleWeekCalendar<T>(props: SingleWeekCalendarProps<T>): JSX.Element;
+export declare function SingleWeekCalendar<T>(props: SingleWeekCalendarProps<T>): React.JSX.Element;

package/dist/components/input-types/date-range-dual-text-input/DateRangeDualTextInput.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { ValueAndOnValueChangeProps } from "@stenajs-webui/forms";
+import * as React from "react";
 import { DualTextInputProps } from "../../../features/dual-text-input/DualTextInput";
 import { DateRangeInputCalendarProps } from "../../calendar-types/date-range-calendar/DateRangeCalendar";
 import { OptionalMinMaxDatesAsString } from "../../../types/CalendarTypes";
@@ -12,4 +12,4 @@ export interface DateRangeDualTextInputProps<TData = unknown> extends ValueAndOn
     calendarProps?: DateRangeInputCalendarProps<TData>;
     disabled?: boolean;
 }
-export declare function DateRangeDualTextInput<TData>({ value, onValueChange, autoFocus, onBlur, onEnter, onEsc, minDate, maxDate, calendarProps, widthLeft, widthRight, variant, disabled, }: DateRangeDualTextInputProps<TData>): JSX.Element;
+export declare function DateRangeDualTextInput<TData>({ value, onValueChange, autoFocus, onBlur, onEnter, onEsc, minDate, maxDate, calendarProps, widthLeft, widthRight, variant, disabled, }: DateRangeDualTextInputProps<TData>): React.JSX.Element;

package/dist/features/calendar-with-month-year-pickers/CalendarPanelType.d.ts

@@ -1 +1 @@
-export type CalendarPanelType = "calendar" | "year" | "month" | "presets";
+export type CalendarPanelType = "calendar" | "month" | "presets";

package/dist/features/calendar-with-month-year-pickers/CalendarWithMonthYearPickers.d.ts

@@ -1,5 +1,6 @@
-/// <reference types="react" />
-import { CalendarProps } from "../../types/CalendarTypes";
+import * as React from "react";
+import { ReactNode } from "react";
+import { CalendarProps, RenderMonthPickerArgs } from "../../types/CalendarTypes";
 import { CalendarPreset } from "../preset-picker/CalendarPreset";
 import { CalendarPanelType } from "./CalendarPanelType";
 interface CalendarWithMonthYearPickersProps<T> extends Omit<CalendarProps<T>, "date" | "year" | "month"> {
@@ -8,6 +9,7 @@ interface CalendarWithMonthYearPickersProps<T> extends Omit<CalendarProps<T>, "d
     currentPanel: CalendarPanelType;
     setCurrentPanel: (currentPanel: CalendarPanelType) => void;
     onSelectPreset: (preset: CalendarPreset) => void;
+    renderMonthPicker?: (args: RenderMonthPickerArgs) => ReactNode;
 }
-export declare const CalendarWithMonthYearPickers: <T>({ locale, dateInFocus, setDateInFocus, currentPanel, setCurrentPanel, ...props }: CalendarWithMonthYearPickersProps<T>) => JSX.Element;
+export declare const CalendarWithMonthYearPickers: <T>({ locale, dateInFocus, setDateInFocus, currentPanel, setCurrentPanel, renderMonthPicker, ...props }: CalendarWithMonthYearPickersProps<T>) => string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
 export {};

package/dist/features/month-picker/MonthPicker.d.ts

@@ -1,7 +1,14 @@
 import * as React from "react";
 import { Month } from "../../util/calendar/CalendarDataFactory";
 import { ValueAndOnValueChangeProps } from "@stenajs-webui/forms";
-export interface MonthPickerProps extends ValueAndOnValueChangeProps<Month> {
+export interface MonthPickerValue {
+    month: Month;
+    year: number;
+}
+export interface MonthPickerProps extends ValueAndOnValueChangeProps<MonthPickerValue> {
     locale?: Locale;
+    firstMonth: Date;
+    numMonths: number;
 }
 export declare const MonthPicker: React.FC<MonthPickerProps>;
+export declare const createFirstDate: (date: Date) => MonthPickerValue;

package/dist/features/month-picker/MonthPickerCell.d.ts

@@ -1,9 +1,11 @@
 import * as React from "react";
-import { ValueAndOnValueChangeProps } from "@stenajs-webui/forms";
 import { Month } from "../../util/calendar/CalendarDataFactory";
-interface Props extends ValueAndOnValueChangeProps<Month> {
+interface MonthPickerCellProps {
+    year: number;
     month: Month;
+    onClick: () => void;
+    selected: boolean;
     locale: Locale;
 }
-export declare const MonthPickerCell: React.FC<Props>;
+export declare const MonthPickerCell: React.FC<MonthPickerCellProps>;
 export {};

package/dist/features/month-switcher/CalendarWithMonthSwitcher.d.ts

@@ -1,7 +1,8 @@
-/// <reference types="react" />
-import { CalendarProps } from "../../types/CalendarTypes";
+import * as React from "react";
+import { CalendarProps, RenderMonthPickerArgs } from "../../types/CalendarTypes";
 import { CalendarPanelType } from "../calendar-with-month-year-pickers/CalendarPanelType";
 import { CalendarPreset } from "../preset-picker/CalendarPreset";
+import { ReactNode } from "react";
 export type MonthSwitcherPlacement = "header" | "below";
 export interface CalendarWithMonthSwitcherProps<T> extends CalendarProps<T> {
     monthSwitcherPlacement?: MonthSwitcherPlacement;
@@ -10,6 +11,6 @@ export interface CalendarWithMonthSwitcherProps<T> extends CalendarProps<T> {
     currentPanel: CalendarPanelType;
     setCurrentPanel: (currentPanel: CalendarPanelType) => void;
     onSelectPreset?: (preset: CalendarPreset) => void;
-    hideYearPagination?: boolean;
+    renderMonthPicker?: (args: RenderMonthPickerArgs) => ReactNode;
 }
-export declare function CalendarWithMonthSwitcher<T>({ monthSwitcherPlacement, theme, dateInFocus, setDateInFocus, currentPanel, setCurrentPanel, onSelectPreset, hideYearPagination, ...calendarProps }: CalendarWithMonthSwitcherProps<T>): JSX.Element;
+export declare function CalendarWithMonthSwitcher<T>({ monthSwitcherPlacement, theme, dateInFocus, setDateInFocus, currentPanel, setCurrentPanel, onSelectPreset, renderMonthPicker, ...calendarProps }: CalendarWithMonthSwitcherProps<T>): React.JSX.Element;