@navikt/ds-react 1.3.21 → 1.3.23

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.
Files changed (24) hide show
  1. package/_docs.json +57 -0
  2. package/cjs/button/Button.js +1 -0
  3. package/cjs/date/hooks/useDatepicker.js +14 -12
  4. package/cjs/date/hooks/useMonthPicker.js +14 -12
  5. package/cjs/date/hooks/useRangeDatepicker.js +24 -16
  6. package/esm/button/Button.js +1 -0
  7. package/esm/button/Button.js.map +1 -1
  8. package/esm/date/hooks/useDatepicker.d.ts +4 -0
  9. package/esm/date/hooks/useDatepicker.js +14 -12
  10. package/esm/date/hooks/useDatepicker.js.map +1 -1
  11. package/esm/date/hooks/useMonthPicker.d.ts +4 -0
  12. package/esm/date/hooks/useMonthPicker.js +14 -12
  13. package/esm/date/hooks/useMonthPicker.js.map +1 -1
  14. package/esm/date/hooks/useRangeDatepicker.d.ts +5 -1
  15. package/esm/date/hooks/useRangeDatepicker.js +24 -16
  16. package/esm/date/hooks/useRangeDatepicker.js.map +1 -1
  17. package/package.json +3 -3
  18. package/src/button/Button.tsx +1 -0
  19. package/src/button/button.stories.tsx +20 -1
  20. package/src/date/datepicker/datepicker.stories.tsx +31 -9
  21. package/src/date/hooks/useDatepicker.tsx +22 -12
  22. package/src/date/hooks/useMonthPicker.tsx +21 -12
  23. package/src/date/hooks/useRangeDatepicker.tsx +43 -18
  24. package/src/date/monthpicker/monthpicker.stories.tsx +1 -2
package/esm/date/hooks/useRangeDatepicker.d.ts CHANGED
@@ -2,11 +2,15 @@ import { DateRange } from "react-day-picker";
2
2
  import { DateInputProps } from "../DateInput";
3
3
  import { DatePickerProps } from "../datepicker/DatePicker";
4
4
  import { UseDatepickerOptions } from "./useDatepicker";
5
- interface UseRangeDatepickerOptions extends Omit<UseDatepickerOptions, "defaultSelected"> {
5
+ interface UseRangeDatepickerOptions extends Omit<UseDatepickerOptions, "defaultSelected" | "onDateChange"> {
6
6
  /**
7
7
  * The initially selected DateRange
8
8
  */
9
9
  defaultSelected?: DateRange;
10
+ /**
11
+ * Callback for changed state
12
+ */
13
+ onRangeChange?: (val?: DateRange) => void;
10
14
  }
11
15
  interface UseRangeDatepickerValue {
12
16
  /**
package/esm/date/hooks/useRangeDatepicker.js CHANGED
@@ -8,14 +8,15 @@ const RANGE = {
8
8
  TO: "TO",
9
9
  };
10
10
  export const useRangeDatepicker = (opt = {}) => {
11
- const { locale: _locale = "nb", defaultSelected, today = new Date(), fromDate, toDate, disabled, disableWeekends, } = opt;
11
+ const { locale: _locale = "nb", defaultSelected: _defaultSelected, today = new Date(), fromDate, toDate, disabled, disableWeekends, onRangeChange, } = opt;
12
12
  const locale = getLocaleFromString(_locale);
13
13
  const inputRefTo = useRef(null);
14
14
  const inputRefFrom = useRef(null);
15
15
  const datePickerRef = useRef(null);
16
+ const [defaultSelected, setDefaultSelected] = useState(_defaultSelected);
16
17
  // Initialize states
17
- const [month, setMonth] = useState(defaultSelected ? defaultSelected.from : today);
18
- const [selectedRange, setSelectedRange] = useState(defaultSelected);
18
+ const [month, setMonth] = useState(defaultSelected ? defaultSelected === null || defaultSelected === void 0 ? void 0 : defaultSelected.from : today);
19
+ const [selectedRange, setSelectedRange] = useState(defaultSelected !== null && defaultSelected !== void 0 ? defaultSelected : { from: undefined, to: undefined });
19
20
  const [fromInputValue, setFromInputValue] = useState((defaultSelected === null || defaultSelected === void 0 ? void 0 : defaultSelected.from)
20
21
  ? formatDateForInput(defaultSelected.from, locale, "date")
21
22
  : "");
@@ -23,6 +24,10 @@ export const useRangeDatepicker = (opt = {}) => {
23
24
  ? formatDateForInput(defaultSelected.to, locale, "date")
24
25
  : "");
25
26
  const [open, setOpen] = useState(false);
27
+ const getSelectedRange = (range) => {
28
+ onRangeChange === null || onRangeChange === void 0 ? void 0 : onRangeChange(range);
29
+ return range;
30
+ };
26
31
  const handleFocusIn = useCallback((e) => {
27
32
  var _a, _b;
28
33
  return ![
@@ -45,17 +50,18 @@ export const useRangeDatepicker = (opt = {}) => {
45
50
  };
46
51
  }, [handleFocusIn]);
47
52
  const reset = () => {
48
- setSelectedRange(defaultSelected);
49
- setMonth(defaultSelected ? defaultSelected.from : today);
53
+ setSelectedRange(getSelectedRange(defaultSelected !== null && defaultSelected !== void 0 ? defaultSelected : { from: undefined, to: undefined }));
54
+ setMonth(defaultSelected ? defaultSelected === null || defaultSelected === void 0 ? void 0 : defaultSelected.from : today);
50
55
  setFromInputValue((defaultSelected === null || defaultSelected === void 0 ? void 0 : defaultSelected.from)
51
56
  ? formatDateForInput(defaultSelected.from, locale, "date")
52
57
  : "");
53
58
  setToInputValue((defaultSelected === null || defaultSelected === void 0 ? void 0 : defaultSelected.to)
54
59
  ? formatDateForInput(defaultSelected.to, locale, "date")
55
60
  : "");
61
+ setDefaultSelected(_defaultSelected);
56
62
  };
57
63
  const setSelected = (range) => {
58
- setSelectedRange(range);
64
+ setSelectedRange(getSelectedRange(range));
59
65
  setFromInputValue((range === null || range === void 0 ? void 0 : range.from) ? formatDateForInput(range.from, locale, "date") : "");
60
66
  setToInputValue((range === null || range === void 0 ? void 0 : range.to) ? formatDateForInput(range === null || range === void 0 ? void 0 : range.to, locale, "date") : "");
61
67
  };
@@ -101,7 +107,7 @@ export const useRangeDatepicker = (opt = {}) => {
101
107
  handleInputs(day, src);
102
108
  };
103
109
  const handleSelect = (range) => {
104
- if (range.from && range.to) {
110
+ if ((range === null || range === void 0 ? void 0 : range.from) && (range === null || range === void 0 ? void 0 : range.to)) {
105
111
  setOpen(false);
106
112
  }
107
113
  const prevToRange = !(selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from) && (selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to) ? selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to : range === null || range === void 0 ? void 0 : range.to;
@@ -111,7 +117,7 @@ export const useRangeDatepicker = (opt = {}) => {
111
117
  prevToRange
112
118
  ? setToInputValue(formatDateForInput(prevToRange, locale, "date"))
113
119
  : setToInputValue("");
114
- setSelectedRange({ from: range === null || range === void 0 ? void 0 : range.from, to: prevToRange });
120
+ setSelectedRange(getSelectedRange({ from: range === null || range === void 0 ? void 0 : range.from, to: prevToRange }));
115
121
  };
116
122
  /* live-update datepicker based on changes in inputfields */
117
123
  const handleChange = (e, src) => {
@@ -122,23 +128,23 @@ export const useRangeDatepicker = (opt = {}) => {
122
128
  if (!isValidDate(day) ||
123
129
  (disabled &&
124
130
  ((disableWeekends && isWeekend(day)) || isMatch(day, disabled)))) {
125
- setSelectedRange((x) => src === RANGE.FROM
126
- ? Object.assign(Object.assign({}, x), { from: undefined }) : { from: x === null || x === void 0 ? void 0 : x.from, to: undefined });
131
+ setSelectedRange((x) => getSelectedRange(src === RANGE.FROM
132
+ ? Object.assign(Object.assign({}, x), { from: undefined }) : { from: x === null || x === void 0 ? void 0 : x.from, to: undefined }));
127
133
  return;
128
134
  }
129
135
  const isBefore = fromDate && differenceInCalendarDays(fromDate, day) > 0;
130
136
  const isAfter = toDate && differenceInCalendarDays(day, toDate) > 0;
131
137
  if (isBefore || isAfter) {
132
138
  src === RANGE.FROM
133
- ? setSelectedRange((x) => (Object.assign(Object.assign({}, x), { from: undefined })))
134
- : setSelectedRange((x) => ({ from: x === null || x === void 0 ? void 0 : x.from, to: undefined }));
139
+ ? setSelectedRange((x) => getSelectedRange(Object.assign(Object.assign({}, x), { from: undefined })))
140
+ : setSelectedRange((x) => getSelectedRange({ from: x === null || x === void 0 ? void 0 : x.from, to: undefined }));
135
141
  return;
136
142
  }
137
143
  /* If to-value < from-value, switch places in state */
138
144
  if (src === RANGE.TO &&
139
145
  (selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from) &&
140
146
  differenceInCalendarDays(selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from, day) >= 0) {
141
- setSelectedRange({ from: day, to: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from });
147
+ setSelectedRange(getSelectedRange({ from: day, to: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from }));
142
148
  setMonth(day);
143
149
  return;
144
150
  }
@@ -146,12 +152,14 @@ export const useRangeDatepicker = (opt = {}) => {
146
152
  if (src === RANGE.FROM &&
147
153
  (selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to) &&
148
154
  differenceInCalendarDays(day, selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to) >= 0) {
149
- setSelectedRange({ to: day, from: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to });
155
+ setSelectedRange(getSelectedRange({ to: day, from: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to }));
150
156
  setMonth(day);
151
157
  return;
152
158
  }
153
- src === RANGE.FROM && setSelectedRange((x) => (Object.assign(Object.assign({}, x), { from: day })));
154
- src === RANGE.TO && setSelectedRange((x) => ({ from: x === null || x === void 0 ? void 0 : x.from, to: day }));
159
+ src === RANGE.FROM &&
160
+ setSelectedRange((x) => getSelectedRange(Object.assign(Object.assign({}, x), { from: day })));
161
+ src === RANGE.TO &&
162
+ setSelectedRange((x) => getSelectedRange({ from: x === null || x === void 0 ? void 0 : x.from, to: day }));
155
163
  setMonth(day);
156
164
  };
157
165
  const handleClose = useCallback(() => {
package/esm/date/hooks/useRangeDatepicker.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useRangeDatepicker.js","sourceRoot":"","sources":["../../../src/date/hooks/useRangeDatepicker.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"useRangeDatepicker.js","sourceRoot":"","sources":["../../../src/date/hooks/useRangeDatepicker.tsx"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@navikt/ds-react",
3
- "version": "1.3.21",
3
+ "version": "1.3.23",
4
4
  "description": "NAV designsystem react components",
5
5
  "author": "NAV Designsystem team",
6
6
  "license": "MIT",
@@ -36,7 +36,7 @@
36
36
  },
37
37
  "dependencies": {
38
38
  "@floating-ui/react-dom-interactions": "0.9.2",
39
- "@navikt/ds-icons": "^1.3.21",
39
+ "@navikt/ds-icons": "^1.3.23",
40
40
  "@radix-ui/react-tabs": "1.0.0",
41
41
  "@radix-ui/react-toggle-group": "1.0.0",
42
42
  "clsx": "^1.2.1",
@@ -75,5 +75,5 @@
75
75
  "optional": true
76
76
  }
77
77
  },
78
- "gitHead": "d94ace2aee4ef3862a1d1f8a52f984b23b0fff60"
78
+ "gitHead": "2bfbe6f5b13b817965d32957409067a0b841a0e6"
79
79
  }
package/src/button/Button.tsx CHANGED
@@ -89,6 +89,7 @@ export const Button: OverridableComponent<ButtonProps, HTMLButtonElement> =
89
89
  {
90
90
  "navds-button--loading": widthOverride,
91
91
  "navds-button--icon-only": !!icon && !children,
92
+ "navds-button--disabled": disabled ?? widthOverride,
92
93
  }
93
94
  )}
94
95
  style={{
package/src/button/button.stories.tsx CHANGED
@@ -6,7 +6,7 @@ export default {
6
6
  title: "ds-react/Button",
7
7
  component: Button,
8
8
  parameters: {
9
- chromatic: { delay: 300 },
9
+ chromatic: { delay: 600 },
10
10
  },
11
11
  argTypes: {
12
12
  variant: {
@@ -197,3 +197,22 @@ export const IconWText = () => (
197
197
  </div>
198
198
  </div>
199
199
  );
200
+
201
+ export const Disabled = () => (
202
+ <div className="colgap">
203
+ <div className="rowgap">
204
+ {variants.map((variant) => (
205
+ <Button key={variant} variant={variant} disabled>
206
+ {varSwitch[variant]}
207
+ </Button>
208
+ ))}
209
+ </div>
210
+ <div className="rowgap">
211
+ {variants.map((variant) => (
212
+ <Button key={variant} variant={variant} disabled as="a" href="#">
213
+ {varSwitch[variant]}
214
+ </Button>
215
+ ))}
216
+ </div>
217
+ </div>
218
+ );
package/src/date/datepicker/datepicker.stories.tsx CHANGED
@@ -133,14 +133,21 @@ export const DropdownCaption = () => (
133
133
  );
134
134
 
135
135
  export const DisabledDays = () => (
136
- <DatePicker.Standalone disabled={disabledDays} disableWeekends />
136
+ <DatePicker.Standalone
137
+ disabled={disabledDays}
138
+ disableWeekends
139
+ today={new Date("2006-07-01")}
140
+ />
137
141
  );
138
142
 
139
- export const ShowWeekNumber = () => <DatePicker.Standalone showWeekNumber />;
143
+ export const ShowWeekNumber = () => (
144
+ <DatePicker.Standalone showWeekNumber today={new Date("2006-07-01")} />
145
+ );
140
146
 
141
147
  export const UseDatepicker = () => {
142
148
  const { datepickerProps, inputProps } = UNSAFE_useDatepicker({
143
149
  fromDate: new Date("Aug 23 2019"),
150
+ onDateChange: console.log,
144
151
  locale: "en",
145
152
  });
146
153
 
@@ -157,13 +164,18 @@ export const UseRangedDatepicker = () => {
157
164
  const { datepickerProps, fromInputProps, toInputProps } =
158
165
  UNSAFE_useRangeDatepicker({
159
166
  fromDate: new Date("Aug 23 2019"),
167
+ onRangeChange: console.log,
160
168
  });
161
169
 
162
170
  return (
163
171
  <div style={{ display: "flex", gap: "1rem" }}>
164
172
  <DatePicker {...datepickerProps}>
165
173
  <div style={{ display: "flex", gap: "1rem" }}>
166
- <DatePicker.Input {...fromInputProps} label="Fra" />
174
+ <DatePicker.Input
175
+ {...fromInputProps}
176
+ label="Fra"
177
+ onFocus={(e) => e.preventDefault()}
178
+ />
167
179
  <DatePicker.Input {...toInputProps} label="Til" />
168
180
  </div>
169
181
  </DatePicker>
@@ -171,15 +183,25 @@ export const UseRangedDatepicker = () => {
171
183
  );
172
184
  };
173
185
 
174
- export const NB = () => <DatePicker.Standalone locale="nb" />;
175
- export const NN = () => <DatePicker.Standalone locale="nn" />;
176
- export const EN = () => <DatePicker.Standalone locale="en" />;
186
+ export const NB = () => (
187
+ <DatePicker.Standalone locale="nb" today={new Date("2006-07-01")} />
188
+ );
189
+ export const NN = () => (
190
+ <DatePicker.Standalone locale="nn" today={new Date("2006-07-01")} />
191
+ );
192
+ export const EN = () => (
193
+ <DatePicker.Standalone locale="en" today={new Date("2006-07-01")} />
194
+ );
177
195
 
178
- export const Standalone = () => <DatePicker.Standalone />;
196
+ export const Standalone = () => (
197
+ <DatePicker.Standalone today={new Date("2006-07-01")} />
198
+ );
179
199
 
180
- export const StandaloneRange = () => <DatePicker.Standalone mode="range" />;
200
+ export const StandaloneRange = () => (
201
+ <DatePicker.Standalone mode="range" today={new Date("2006-07-01")} />
202
+ );
181
203
  export const StandaloneMultiple = () => (
182
- <DatePicker.Standalone mode="multiple" />
204
+ <DatePicker.Standalone mode="multiple" today={new Date("2006-07-01")} />
183
205
  );
184
206
 
185
207
  export const UserControlled = () => {
package/src/date/hooks/useDatepicker.tsx CHANGED
@@ -32,6 +32,10 @@ export interface UseDatepickerOptions
32
32
  * Make selection of Date required
33
33
  */
34
34
  required?: boolean;
35
+ /**
36
+ * Callback for changed state
37
+ */
38
+ onDateChange?: (val?: Date) => void;
35
39
  }
36
40
 
37
41
  interface UseDatepickerValue {
@@ -64,12 +68,13 @@ export const useDatepicker = (
64
68
  const {
65
69
  locale: _locale = "nb",
66
70
  required,
67
- defaultSelected,
71
+ defaultSelected: _defaultSelected,
68
72
  today = new Date(),
69
73
  fromDate,
70
74
  toDate,
71
75
  disabled,
72
76
  disableWeekends,
77
+ onDateChange,
73
78
  } = opt;
74
79
 
75
80
  const locale = getLocaleFromString(_locale);
@@ -77,6 +82,8 @@ export const useDatepicker = (
77
82
  const inputRef = useRef<HTMLDivElement>(null);
78
83
  const daypickerRef = useRef<HTMLDivElement>(null);
79
84
 
85
+ const [defaultSelected, setDefaultSelected] = useState(_defaultSelected);
86
+
80
87
  // Initialize states
81
88
  const [month, setMonth] = useState(defaultSelected ?? today);
82
89
  const [selectedDay, setSelectedDay] = useState(defaultSelected);
@@ -87,6 +94,11 @@ export const useDatepicker = (
87
94
  : "";
88
95
  const [inputValue, setInputValue] = useState(defaultInputValue);
89
96
 
97
+ const getSelectedDate = (date?: Date) => {
98
+ onDateChange?.(date);
99
+ return date;
100
+ };
101
+
90
102
  const handleFocusIn = useCallback(
91
103
  (e) => {
92
104
  ![
@@ -110,23 +122,21 @@ export const useDatepicker = (
110
122
  }, [handleFocusIn]);
111
123
 
112
124
  const reset = () => {
113
- setSelectedDay(defaultSelected);
125
+ setSelectedDay(getSelectedDate(defaultSelected));
114
126
  setMonth(defaultSelected ?? today);
115
127
  setInputValue(defaultInputValue ?? "");
128
+ setDefaultSelected(_defaultSelected);
116
129
  };
117
130
 
118
131
  const setSelected = (date: Date | undefined) => {
119
- setSelectedDay(date);
132
+ setSelectedDay(getSelectedDate(date));
120
133
  setMonth(date ?? today);
121
134
  setInputValue(date ? formatDateForInput(date, locale, "date") : "");
122
135
  };
123
136
 
124
137
  const handleFocus: React.FocusEventHandler<HTMLInputElement> = (e) => {
125
138
  !open && setOpen(true);
126
- if (!e.target.value) {
127
- reset();
128
- return;
129
- }
139
+
130
140
  let day = parseDate(e.target.value, today, locale, "date");
131
141
  if (isValidDate(day)) {
132
142
  setMonth(day);
@@ -147,11 +157,11 @@ export const useDatepicker = (
147
157
  }
148
158
 
149
159
  if (!required && selected) {
150
- setSelectedDay(undefined);
160
+ setSelectedDay(getSelectedDate(undefined));
151
161
  setInputValue("");
152
162
  return;
153
163
  }
154
- setSelectedDay(day);
164
+ setSelectedDay(getSelectedDate(day));
155
165
  setMonth(day);
156
166
  setInputValue(day ? formatDateForInput(day, locale, "date") : "");
157
167
  };
@@ -168,17 +178,17 @@ export const useDatepicker = (
168
178
  (disabled &&
169
179
  ((disableWeekends && isWeekend(day)) || isMatch(day, disabled)))
170
180
  ) {
171
- setSelectedDay(undefined);
181
+ setSelectedDay(getSelectedDate(undefined));
172
182
  return;
173
183
  }
174
184
 
175
185
  const isBefore = fromDate && differenceInCalendarDays(fromDate, day) > 0;
176
186
  const isAfter = toDate && differenceInCalendarDays(day, toDate) > 0;
177
187
  if (isBefore || isAfter) {
178
- setSelectedDay(undefined);
188
+ setSelectedDay(getSelectedDate(undefined));
179
189
  return;
180
190
  }
181
- setSelectedDay(day);
191
+ setSelectedDay(getSelectedDate(day));
182
192
  setMonth(day);
183
193
  };
184
194
 
package/src/date/hooks/useMonthPicker.tsx CHANGED
@@ -18,6 +18,10 @@ export interface UseMonthPickerOptions
18
18
  * Make Date-selection required
19
19
  */
20
20
  required?: boolean;
21
+ /**
22
+ * Callback for month-change
23
+ */
24
+ onMonthChange?: (date?: Date) => void;
21
25
  }
22
26
 
23
27
  interface UseMonthPickerValue {
@@ -49,13 +53,16 @@ export const useMonthpicker = (
49
53
  ): UseMonthPickerValue => {
50
54
  const {
51
55
  locale: _locale = "nb",
52
- defaultSelected,
56
+ defaultSelected: _defaultSelected,
53
57
  fromDate,
54
58
  toDate,
55
59
  disabled,
56
60
  required,
61
+ onMonthChange,
57
62
  } = opt;
58
63
 
64
+ const [defaultSelected, setDefaultSelected] = useState(_defaultSelected);
65
+
59
66
  const today = new Date();
60
67
  const locale = getLocaleFromString(_locale);
61
68
 
@@ -73,6 +80,11 @@ export const useMonthpicker = (
73
80
 
74
81
  const [inputValue, setInputValue] = useState(defaultInputValue);
75
82
 
83
+ const getMonth = (date?: Date) => {
84
+ onMonthChange?.(date);
85
+ return date;
86
+ };
87
+
76
88
  const handleFocusIn = useCallback(
77
89
  (e) =>
78
90
  ![
@@ -95,23 +107,20 @@ export const useMonthpicker = (
95
107
  }, [handleFocusIn]);
96
108
 
97
109
  const reset = () => {
98
- setSelectedMonth(defaultSelected);
110
+ setSelectedMonth(getMonth(defaultSelected));
99
111
  setYear(defaultSelected ?? today);
100
112
  setInputValue(defaultInputValue ?? "");
113
+ setDefaultSelected(_defaultSelected);
101
114
  };
102
115
 
103
116
  const setSelected = (date: Date | undefined) => {
104
- setSelectedMonth(date);
117
+ setSelectedMonth(getMonth(date));
105
118
  setYear(date ?? today);
106
119
  setInputValue(date ? formatDateForInput(date, locale, "month") : "");
107
120
  };
108
121
 
109
122
  const handleFocus: React.FocusEventHandler<HTMLInputElement> = (e) => {
110
123
  !open && setOpen(true);
111
- if (!e.target.value) {
112
- reset();
113
- return;
114
- }
115
124
  let day = parseDate(e.target.value, today, locale, "month");
116
125
  if (isValidDate(day)) {
117
126
  setYear(day);
@@ -132,11 +141,11 @@ export const useMonthpicker = (
132
141
  }
133
142
 
134
143
  if (!required && !month) {
135
- setSelectedMonth(undefined);
144
+ setSelectedMonth(getMonth(undefined));
136
145
  setInputValue("");
137
146
  return;
138
147
  }
139
- setSelectedMonth(month);
148
+ setSelectedMonth(getMonth(month));
140
149
  setInputValue(month ? formatDateForInput(month, locale, "month") : "");
141
150
  };
142
151
 
@@ -148,7 +157,7 @@ export const useMonthpicker = (
148
157
  const month = parseDate(e.target.value, today, locale, "month");
149
158
 
150
159
  if (!isValidDate(month) || (disabled && isMatch(month, disabled))) {
151
- setSelectedMonth(undefined);
160
+ setSelectedMonth(getMonth(undefined));
152
161
  return;
153
162
  }
154
163
 
@@ -169,10 +178,10 @@ export const useMonthpicker = (
169
178
  isBefore ||
170
179
  (fromDate && toDate && !isMatch(month, [{ from: fromDate, to: toDate }]))
171
180
  ) {
172
- setSelectedMonth(undefined);
181
+ setSelectedMonth(getMonth(undefined));
173
182
  return;
174
183
  }
175
- setSelectedMonth(month);
184
+ setSelectedMonth(getMonth(month));
176
185
  setYear(month);
177
186
  };
178
187