@@ -251,6 +251,7 @@ export const Datepicker: FC<DatepickerProps> = ({
251
251
{ title && < div className = { theme . popup . header . title } > { title } </ div > }
252
252
< div className = { theme . popup . header . selectors . base } >
253
253
< button
254
+ type = "button"
254
255
className = { twMerge (
255
256
theme . popup . header . selectors . button . base ,
256
257
theme . popup . header . selectors . button . prev ,
@@ -260,6 +261,7 @@ export const Datepicker: FC<DatepickerProps> = ({
260
261
< HiArrowLeft />
261
262
</ button >
262
263
< button
264
+ type = "button"
263
265
className = { twMerge (
264
266
theme . popup . header . selectors . button . base ,
265
267
theme . popup . header . selectors . button . view ,
@@ -269,6 +271,7 @@ export const Datepicker: FC<DatepickerProps> = ({
269
271
{ getViewTitle ( ) }
270
272
</ button >
271
273
< button
274
+ type = "button"
272
275
className = { twMerge (
273
276
theme . popup . header . selectors . button . base ,
274
277
theme . popup . header . selectors . button . next ,
@@ -284,6 +287,7 @@ export const Datepicker: FC<DatepickerProps> = ({
284
287
< div className = { theme . popup . footer . base } >
285
288
{ showTodayButton && (
286
289
< button
290
+ type = "button"
287
291
className = { twMerge ( theme . popup . footer . button . base , theme . popup . footer . button . today ) }
288
292
onClick = { ( ) => {
289
293
const today = new Date ( ) ;
@@ -296,6 +300,7 @@ export const Datepicker: FC<DatepickerProps> = ({
296
300
) }
297
301
{ showClearButton && (
298
302
< button
303
+ type = "button"
299
304
className = { twMerge ( theme . popup . footer . button . base , theme . popup . footer . button . clear ) }
300
305
onClick = { ( ) => {
301
306
changeSelectedDate ( defaultDate , true ) ;
0 commit comments