@stenajs-webui/calendar 14.1.1 → 15.0.0-alpha.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/calendar/CalendarMonth.d.ts +3 -3
- package/dist/components/calendar/CalendarWeek.d.ts +3 -3
- package/dist/components/calendar/DisabledDayWrapper.d.ts +7 -0
- package/dist/components/calendar-types/date-range-calendar/DateRangeCalendar.d.ts +4 -11
- package/dist/components/calendar-types/date-range-calendar/DateRangeCalendar.stories.d.ts +2 -0
- package/dist/components/calendar-types/date-range-calendar/hooks/UseDateRangeSelection.d.ts +1 -1
- package/dist/components/calendar-types/date-range-exclusion-calendar/DateRangeExclusionCalendar.d.ts +2 -3
- package/dist/components/calendar-types/date-range-exclusion-calendar/UseDateRangeExclusionSelection.d.ts +1 -1
- package/dist/components/input-types/date-input/DateInput.d.ts +2 -1
- package/dist/components/input-types/date-input/DateInput.stories.d.ts +2 -0
- package/dist/components/input-types/date-range-dual-text-input/DateRangeDualTextInput.d.ts +8 -4
- package/dist/components/input-types/date-range-dual-text-input/DateRangeDualTextInput.stories.d.ts +5 -2
- package/dist/components/input-types/date-range-input/DateRangeInput.d.ts +7 -8
- package/dist/components/input-types/date-range-input/DateRangeInput.stories.d.ts +2 -1
- package/dist/components/input-types/date-range-input/hooks/UseDateRangeInput.d.ts +3 -2
- package/dist/components/input-types/date-text-input/DateTextInput.d.ts +2 -1
- package/dist/components/input-types/date-time-input/DateTimeInput.d.ts +2 -1
- package/dist/components/input-types/date-time-input/DateTimeInput.stories.d.ts +1 -0
- package/dist/config/DefaultMaxDate.d.ts +1 -0
- package/dist/features/date-range/hooks/UseDateRangeOnClickDayHandler.d.ts +2 -5
- package/dist/features/dual-text-input/DualTextInput.d.ts +4 -0
- package/dist/features/month-switcher/CalendarWithMonthSwitcher.d.ts +2 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.es.js +341 -321
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +367 -324
- package/dist/index.js.map +1 -1
- package/dist/types/CalendarTypes.d.ts +21 -1
- package/dist/types/DateRange.d.ts +16 -0
- package/dist/util/calendar/StateModifier.d.ts +1 -0
- package/dist/util/date/DateMinMaxValidator.d.ts +1 -0
- package/dist/util/date/__tests__/DateMinMaxValidator.test.d.ts +1 -0
- package/dist/util/date-range/DateRangeTransformer.d.ts +3 -0
- package/dist/util/date-range/DateRangeValidator.d.ts +4 -0
- package/dist/util/date-range/__tests__/DateRangeValidator.test.d.ts +1 -0
- package/package.json +8 -9
- package/dist/components/calendar-types/date-range-calendar/util/IntervalSwitcher.d.ts +0 -4
- package/dist/util/calendar/CalendarIntervalValidator.d.ts +0 -11
|
@@ -34,7 +34,7 @@ export interface Renderers {
|
|
|
34
34
|
/** Render function for week day names over the days in the month. */
|
|
35
35
|
renderWeekDay?: RenderWeekDay;
|
|
36
36
|
}
|
|
37
|
-
export interface CalendarProps<T> extends CalendarHeaderContentProps, CalendarOnClicks<T>, Renderers {
|
|
37
|
+
export interface CalendarProps<T> extends CalendarHeaderContentProps, CalendarOnClicks<T>, Renderers, OptionalMinMaxDatesAsString {
|
|
38
38
|
/** The year to show. If used, must also provide month. Overrides prop date. */
|
|
39
39
|
year?: number;
|
|
40
40
|
/** The month to show. If used, must also provide year. Overrides prop date. */
|
|
@@ -87,6 +87,26 @@ export declare type DayStateHighlight = "selected" | "singleSelected" | "selecte
|
|
|
87
87
|
export interface HighlightsState {
|
|
88
88
|
highlights?: Array<DayStateHighlight>;
|
|
89
89
|
}
|
|
90
|
+
export interface OptionalMinMaxDates {
|
|
91
|
+
/**
|
|
92
|
+
* Earliest date that can be interacted with. Earlier dates will be disabled.
|
|
93
|
+
*/
|
|
94
|
+
minDate?: Date;
|
|
95
|
+
/**
|
|
96
|
+
* Latest date that can be interacted with. Later dates will be disabled.
|
|
97
|
+
*/
|
|
98
|
+
maxDate?: Date;
|
|
99
|
+
}
|
|
100
|
+
export interface OptionalMinMaxDatesAsString {
|
|
101
|
+
/**
|
|
102
|
+
* Earliest date that can be interacted with. Earlier dates will be disabled.
|
|
103
|
+
*/
|
|
104
|
+
minDate?: string;
|
|
105
|
+
/**
|
|
106
|
+
* Latest date that can be interacted with. Later dates will be disabled.
|
|
107
|
+
*/
|
|
108
|
+
maxDate?: string;
|
|
109
|
+
}
|
|
90
110
|
export declare type DayState = HighlightsState;
|
|
91
111
|
export declare type OnClickDay<T> = (day: DayData, data: T | undefined, ev: React.MouseEvent<HTMLButtonElement>) => void;
|
|
92
112
|
export declare type OnClickWeekDay = (weekDay: number, ev: React.MouseEvent<HTMLButtonElement>) => void;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export interface DateRange {
|
|
2
|
+
startDate?: Date;
|
|
3
|
+
endDate?: Date;
|
|
4
|
+
}
|
|
5
|
+
export interface DateStringRange {
|
|
6
|
+
/**
|
|
7
|
+
* Format: yyyy-MM-dd
|
|
8
|
+
* Example: 2021-02-21
|
|
9
|
+
*/
|
|
10
|
+
startDate?: string;
|
|
11
|
+
/**
|
|
12
|
+
* Format: yyyy-MM-dd
|
|
13
|
+
* Example: 2021-02-21
|
|
14
|
+
*/
|
|
15
|
+
endDate?: string;
|
|
16
|
+
}
|
|
@@ -6,5 +6,6 @@ export declare const buildDayStateForRange: (statePerMonth: CalendarUserData<imp
|
|
|
6
6
|
export declare const setDayStateValue: (state: CalendarUserData<DayState> | undefined, date: Date, values: Partial<DayState>) => CalendarUserData<DayState>;
|
|
7
7
|
export declare const setDayStateValueFunction: (state: CalendarUserData<DayState> | undefined, date: Date, setter: (dayState: DayState | undefined) => Partial<DayState>) => CalendarUserData<DayState>;
|
|
8
8
|
export declare const addDayStateHighlights: (calendarState: CalendarState | undefined, date: Date, highlights: Array<DayStateHighlight>) => CalendarUserData<DayState>;
|
|
9
|
+
export declare const addDayStateHighlightsOnSingleDay: (dayState: DayState | undefined, highlights: Array<DayStateHighlight>) => DayState;
|
|
9
10
|
export declare const addWeekStateHighlights: (calendarState: CalendarState | undefined, week: WeekData, highlights: Array<DayStateHighlight>) => CalendarUserData<DayState>;
|
|
10
11
|
export declare const addWeekRangeHighlights: (calendarState: CalendarState | undefined, week: WeekData) => CalendarUserData<DayState>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const isDateInMinMaxRange: (date: Date, min: Date | undefined, max: Date | undefined) => boolean;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { DateRange, DateStringRange } from "../../types/DateRange";
|
|
2
|
+
export declare const isDateRangeInvalid: ({ startDate, endDate, }: DateRange) => boolean;
|
|
3
|
+
export declare const toggleDatesIfEndIsEarlierThanStart: (dateRange: DateRange) => DateRange;
|
|
4
|
+
export declare const toggleDateStringsIfEndIsEarlierThanStart: (dateRange: DateStringRange) => DateStringRange;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stenajs-webui/calendar",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "15.0.0-alpha.10",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "mattias800",
|
|
6
6
|
"license": "MIT",
|
|
@@ -19,7 +19,6 @@
|
|
|
19
19
|
},
|
|
20
20
|
"scripts": {
|
|
21
21
|
"test": "cross-env CI=1 react-scripts-ts test --env=jsdom",
|
|
22
|
-
"test:watch": "react-scripts-ts test --env=jsdom",
|
|
23
22
|
"build": "rollup -c",
|
|
24
23
|
"start": "rollup -c -w",
|
|
25
24
|
"clean": "rm -rf dist",
|
|
@@ -28,12 +27,12 @@
|
|
|
28
27
|
"deploy": "gh-pages -d example/build"
|
|
29
28
|
},
|
|
30
29
|
"dependencies": {
|
|
31
|
-
"@stenajs-webui/core": "
|
|
32
|
-
"@stenajs-webui/elements": "
|
|
33
|
-
"@stenajs-webui/forms": "
|
|
34
|
-
"@stenajs-webui/theme": "
|
|
35
|
-
"@stenajs-webui/tooltip": "
|
|
36
|
-
"date-fns": "2.
|
|
30
|
+
"@stenajs-webui/core": "15.0.0-alpha.10",
|
|
31
|
+
"@stenajs-webui/elements": "15.0.0-alpha.10",
|
|
32
|
+
"@stenajs-webui/forms": "15.0.0-alpha.10",
|
|
33
|
+
"@stenajs-webui/theme": "15.0.0-alpha.10",
|
|
34
|
+
"@stenajs-webui/tooltip": "15.0.0-alpha.10",
|
|
35
|
+
"date-fns": "2.26.0"
|
|
37
36
|
},
|
|
38
37
|
"peerDependencies": {
|
|
39
38
|
"@emotion/react": ">=11.1.5",
|
|
@@ -72,5 +71,5 @@
|
|
|
72
71
|
"files": [
|
|
73
72
|
"dist"
|
|
74
73
|
],
|
|
75
|
-
"gitHead": "
|
|
74
|
+
"gitHead": "8f037313b4dcab0e80a779a2122455b3235087d4"
|
|
76
75
|
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
export interface DateInterval {
|
|
2
|
-
startDate?: Date;
|
|
3
|
-
endDate?: Date;
|
|
4
|
-
}
|
|
5
|
-
export interface DateStringInterval {
|
|
6
|
-
startDate?: string;
|
|
7
|
-
endDate?: string;
|
|
8
|
-
}
|
|
9
|
-
export declare const transformDateIntervalToDateStringInterval: (interval: DateInterval) => DateStringInterval;
|
|
10
|
-
export declare const transformDateStringIntervalToDateInterval: (interval: DateStringInterval) => DateInterval;
|
|
11
|
-
export declare const ensureStartIsFirst: (interval: DateInterval) => DateInterval;
|