@stenajs-webui/calendar 20.8.1 → 20.10.0

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>): React.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/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/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 @@
 import * as React from "react";
-import { CalendarProps } from "../../types/CalendarTypes";
+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>) => React.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,15 @@
 import * as React from "react";
 import { Month } from "../../util/calendar/CalendarDataFactory";
 import { ValueAndOnValueChangeProps } from "@stenajs-webui/forms";
-export interface MonthPickerProps extends ValueAndOnValueChangeProps<Month> {
+import { Locale } from "date-fns";
+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,12 @@
 import * as React from "react";
-import { ValueAndOnValueChangeProps } from "@stenajs-webui/forms";
+import { Locale } from "date-fns";
 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 @@
 import * as React from "react";
-import { CalendarProps } from "../../types/CalendarTypes";
+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>): React.JSX.Element;
+export declare function CalendarWithMonthSwitcher<T>({ monthSwitcherPlacement, theme, dateInFocus, setDateInFocus, currentPanel, setCurrentPanel, onSelectPreset, renderMonthPicker, ...calendarProps }: CalendarWithMonthSwitcherProps<T>): React.JSX.Element;