npm - @dnb/eufemia - Versions diffs - 10.73.2 → 10.74.0 - Mend

@dnb/eufemia 10.73.2 → 10.74.0

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 (624) hide show

package/es/components/date-picker/DatePickerDocs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DatePickerDocs.js","names":["dateType","DatePickerProperties","date","doc","type","status","startDate","endDate","month","startMonth","endMonth","minDate","maxDate","dateFormat","returnFormat","range","showInput","maskOrder","opened","maskPlaceholder","hideNavigation","hideDays","showSubmitButton","showCancelButton","showResetButton","link","sync","firstDay","alignPicker","skipPortal","labelAlignment","onlyMonth","hideLastWeek","stretch","label","labelDirection","suffix","labelSrOnly","shortcuts","addonElement","inputElement","statusState","statusProps","disableAutofocus","correctInvalidDate","globalStatus","tooltip","skeleton","size","DatePickerEvents","onChange","onType","onSubmit","onCancel","onReset","onShow","onHide","onDaysRender","onFocus","onBlur"],"sources":["../../../../src/components/date-picker/DatePickerDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nconst dateType = ['string', 'Date']\n\nexport const DatePickerProperties: PropertiesTableProps = {\n date: {\n doc: 'Defines the pre-filled date by either a JavaScript DateInstance or (ISO 8601) like `date=\"2019-05-05\"` and `content`.',\n type: dateType,\n status: 'optional',\n },\n startDate: {\n doc: 'To set the pre-filled starting date. Is used if `range={true}` is set to `true`. Defaults to `null`, showing the `maskPlaceholder`.',\n type: dateType,\n status: 'optional',\n },\n endDate: {\n doc: 'To set the pre-filled ending date. Is used if `range={true}` is set to `true`. Defaults to `null`, showing the `maskPlaceholder`',\n type: dateType,\n status: 'optional',\n },\n month: {\n doc: 'To display what month should be shown in the first calendar by default. Defaults to the `date` respective `startDate`.',\n type: dateType,\n status: 'optional',\n },\n startMonth: {\n doc: 'To display what month should be shown in the first calendar by default. Defaults to the `date` respective `startDate`.',\n type: dateType,\n status: 'optional',\n },\n endMonth: {\n doc: 'To display what month should be shown in the second calendar by default. Defaults to the `date` respective `startDate`.',\n type: dateType,\n status: 'optional',\n },\n minDate: {\n doc: 'To limit a date range to a minimum `startDate`. Defaults to `null`.',\n type: dateType,\n status: 'optional',\n },\n maxDate: {\n doc: 'To limit a date range to a maximum `endDate`. Defaults to `null`.',\n type: dateType,\n status: 'optional',\n },\n dateFormat: {\n doc: 'Defines how the property dates (`date`, `startDate` and `endDate`) should be parsed, e.g. `yyyy/MM/dd`. Defaults to `yyyy-MM-dd`.',\n type: 'string',\n status: 'optional',\n },\n returnFormat: {\n doc: 'Defines how the returned date, as a string, should be formatted as. Defaults to `yyyy-MM-dd`.',\n type: 'string',\n status: 'optional',\n },\n range: {\n doc:\n 'Defines if the date picker should support a range of two dates (starting and ending date).' +\n 'Defaults to `false`.',\n type: 'boolean',\n status: 'optional',\n },\n showInput: {\n doc: 'If the input fields with the mask should be visible. Defaults to `false`.',\n type: 'boolean',\n status: 'optional',\n },\n maskOrder: {\n doc: 'To define the order of the masked placeholder input fields. Defaults to `dd/mm/yyyy`.',\n type: 'string',\n status: 'optional',\n },\n opened: {\n doc: 'To open the date-picker by default. Defaults to `false`.',\n type: 'boolean',\n status: 'optional',\n },\n maskPlaceholder: {\n doc: 'To display the placeholder on input. Defaults to `dd/mm/åååå`.',\n type: 'string',\n status: 'optional',\n },\n hideNavigation: {\n doc: 'If set to `true`, the navigation will be hidden. Defaults to `false`.',\n type: 'boolean',\n status: 'optional',\n },\n hideDays: {\n doc: 'If set to `true`, the week days will be hidden. Defaults to `false`.',\n type: 'boolean',\n status: 'optional',\n },\n showSubmitButton: {\n doc: 'If set to `true`, a submit button will be shown. You can change the default text by using `submitButtonText=\"Ok\"`. Defaults to `false`. If the `range` property is `true`, then the submit button is shown.',\n type: 'boolean',\n status: 'optional',\n },\n showCancelButton: {\n doc: 'If set to `true`, a cancel button will be shown. You can change the default text by using `cancelButtonText=\"Avbryt\"`. If the `range` property is `true`, then the cancel button is shown. Defaults to `false`',\n type: 'boolean',\n status: 'optional',\n },\n showResetButton: {\n doc: 'If set to `true`, a reset button will be shown. You can change the default text by using `resetButtonText=\"Tilbakestill\"`. Defaults to `false`.',\n type: 'boolean',\n status: 'optional',\n },\n link: {\n doc: 'Link both calendars, once to the user is navigating between months. Only meant to use if the range is set to `true`. Defaults to `false`.',\n type: 'boolean',\n status: 'optional',\n },\n sync: {\n doc: 'Sync input values with the calendars views. Once the input values get changed, the calendar changes its views in sync. Defaults to `true`.',\n type: 'boolean',\n status: 'optional',\n },\n firstDay: {\n doc: 'To define the first day of the week. Defaults to `monday`.',\n type: [\n 'monday',\n 'tuesday',\n 'wednesday',\n 'thursday',\n 'friday',\n 'saturday',\n 'sunday',\n ],\n status: 'optional',\n },\n alignPicker: {\n doc: 'Use `right` to change the calendar alignment direction. Defaults to `left`.',\n type: 'string',\n status: 'optional',\n },\n skipPortal: {\n doc: ' If set to `true`, the calendar will not be rendered inside a react portal. Defaults to `false`.',\n type: 'boolean',\n status: 'optional',\n },\n labelAlignment: {\n doc: 'Sets the alignment of the label. Defaults to `left`.',\n type: ['left', 'right'],\n status: 'optional',\n },\n onlyMonth: {\n doc: 'Use `true` to only show the defined month. Disables the month navigation possibility. Defaults to `false`.',\n type: 'boolean',\n status: 'optional',\n },\n hideLastWeek: {\n doc: 'Use `true` to only show the last week in the current month if it needs to be shown. The result is that there will mainly be shows five (5) weeks (rows) instead of six (6). Defaults to `false`.',\n type: 'boolean',\n status: 'optional',\n },\n stretch: {\n doc: 'If set to `true`, then the date-picker input field will be 100% in `width`',\n type: 'boolean',\n status: 'optional',\n },\n label: {\n doc: 'A prepending label in sync with the date input field.',\n type: 'React.ReactNode',\n status: 'optional',\n },\n labelDirection: {\n doc: ' Use `label_direction=\"vertical\"` to change the label layout direction. Defaults to `horizontal`.',\n type: ['vertical', 'horizontal'],\n status: 'optional',\n },\n suffix: {\n doc: 'Text describing the content of the DatePicker more than the label. You can also send in a React component, so it gets wrapped inside the DatePicker component.',\n type: 'React.ReactNode',\n status: 'optional',\n },\n labelSrOnly: {\n doc: 'Use `true` to make the label only readable by screen readers.',\n type: 'boolean',\n status: 'optional',\n },\n shortcuts: {\n doc: 'Gives you the possibility to set predefined dates and date ranges so the user can select these by one click. Define either a JSON or an object with the defined shortcuts. More info is below.',\n type: 'object',\n status: 'optional',\n },\n addonElement: {\n doc: 'Gives you the possibility to inject a React element showing up over the footer. Use it to customize `shortcuts`.',\n type: 'object',\n status: 'optional',\n },\n inputElement: {\n doc: 'Gives you the possibility to use a plain/vanilla `<input />` HTML element by defining it as a string `inputElement=\"input\"`, a React element, or a render function `inputElement={(internalProps) => (<Return />)}`. Can also be used in circumstances where the `react-text-mask` should not be used, e.g. in testing environments. Defaults to custom masked input.',\n type: 'React.ReactNode',\n status: 'optional',\n },\n status: {\n doc: 'Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.',\n type: ['error', 'info', 'boolean'],\n status: 'optional',\n },\n statusState: {\n doc: 'Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.',\n type: 'string',\n status: 'optional',\n },\n statusProps: {\n doc: 'Use an object to define additional FormStatus properties.',\n type: 'object',\n status: 'optional',\n },\n disableAutofocus: {\n doc: 'Once the date picker gets opened, there is a focus handling to ensure good accessibility. This can be disabled with this property. Defaults to `false`.',\n type: 'boolean',\n status: 'optional',\n },\n correctInvalidDate: {\n doc: 'Corrects the input date value to be the same as either `minDate` or `maxDate`, when the user types in a date that is either before or after one of these. Defaults to `false`.',\n type: 'boolean',\n status: 'optional',\n },\n globalStatus: {\n doc: 'The [configuration](/uilib/components/global-status/properties/#configuration-object) used for the target [GlobalStatus](/uilib/components/global-status).',\n type: 'object',\n status: 'optional',\n },\n tooltip: {\n doc: 'Provide a short Tooltip content that shows up on the picker button.',\n type: 'string',\n status: 'optional',\n },\n skeleton: {\n doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n type: 'boolean',\n status: 'optional',\n },\n size: {\n doc: 'The sizes you can choose is `small` (1.5rem), `default` (2rem), `medium` (2.5rem) and `large` (3rem) are supported component sizes. Defaults to `default` / `null`.',\n type: 'string',\n status: 'optional',\n },\n '[Space](/uilib/layout/space/properties)': {\n doc: 'Spacing properties like `top` or `bottom` are supported.',\n type: ['string', 'object'],\n status: 'optional',\n },\n}\n\nexport const DatePickerEvents: PropertiesTableProps = {\n onChange: {\n doc: 'Will be called on a date change event. Returns an object. See Returned Object below.',\n type: 'function',\n status: 'optional',\n },\n onType: {\n doc: 'Will be called on every input and date picker interaction. Returns an `object`. See Returned Object below.',\n type: 'function',\n status: 'optional',\n },\n onSubmit: {\n doc: 'Will be called once a user presses the submit button.',\n type: 'function',\n status: 'optional',\n },\n onCancel: {\n doc: 'Will be called once a user presses the cancel button.',\n type: 'function',\n status: 'optional',\n },\n onReset: {\n doc: 'Will be called once a user presses the reset button.',\n type: 'function',\n status: 'optional',\n },\n onShow: {\n doc: 'Will be called once date-picker is visible.',\n type: 'function',\n status: 'optional',\n },\n onHide: {\n doc: 'Will be called once date-picker is hidden.',\n type: 'function',\n status: 'optional',\n },\n onDaysRender: {\n doc: 'Will be called right before every new calendar view gets rendered. See the example above.',\n type: 'function',\n status: 'optional',\n },\n onFocus: {\n doc: 'Will be called once the input gets focus.',\n type: 'function',\n status: 'optional',\n },\n onBlur: {\n doc: 'Will be called once the input lose focus.',\n type: 'function',\n status: 'optional',\n },\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"DatePickerDocs.js","names":["dateType","DatePickerProperties","date","doc","type","status","startDate","endDate","month","startMonth","endMonth","minDate","maxDate","dateFormat","returnFormat","range","showInput","maskOrder","opened","maskPlaceholder","hideNavigation","hideDays","showSubmitButton","showCancelButton","showResetButton","link","sync","firstDay","alignPicker","skipPortal","yearNavigation","labelAlignment","onlyMonth","hideLastWeek","stretch","label","labelDirection","suffix","labelSrOnly","shortcuts","addonElement","inputElement","statusState","statusProps","disableAutofocus","correctInvalidDate","globalStatus","tooltip","skeleton","size","DatePickerEvents","onChange","onType","onSubmit","onCancel","onReset","onShow","onHide","onDaysRender","onFocus","onBlur"],"sources":["../../../../src/components/date-picker/DatePickerDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nconst dateType = ['string', 'Date']\n\nexport const DatePickerProperties: PropertiesTableProps = {\n date: {\n doc: 'Defines the pre-filled date by either a JavaScript DateInstance or (ISO 8601) like `date=\"2019-05-05\"` and `content`.',\n type: dateType,\n status: 'optional',\n },\n startDate: {\n doc: 'To set the pre-filled starting date. Is used if `range={true}` is set to `true`. Defaults to `null`, showing the `maskPlaceholder`.',\n type: dateType,\n status: 'optional',\n },\n endDate: {\n doc: 'To set the pre-filled ending date. Is used if `range={true}` is set to `true`. Defaults to `null`, showing the `maskPlaceholder`',\n type: dateType,\n status: 'optional',\n },\n month: {\n doc: 'To display what month should be shown in the first calendar by default. Defaults to the `date` respective `startDate`.',\n type: dateType,\n status: 'optional',\n },\n startMonth: {\n doc: 'To display what month should be shown in the first calendar by default. Defaults to the `date` respective `startDate`.',\n type: dateType,\n status: 'optional',\n },\n endMonth: {\n doc: 'To display what month should be shown in the second calendar by default. Defaults to the `date` respective `startDate`.',\n type: dateType,\n status: 'optional',\n },\n minDate: {\n doc: 'To limit a date range to a minimum `startDate`. Defaults to `null`.',\n type: dateType,\n status: 'optional',\n },\n maxDate: {\n doc: 'To limit a date range to a maximum `endDate`. Defaults to `null`.',\n type: dateType,\n status: 'optional',\n },\n dateFormat: {\n doc: 'Defines how the property dates (`date`, `startDate` and `endDate`) should be parsed, e.g. `yyyy/MM/dd`. Defaults to `yyyy-MM-dd`.',\n type: 'string',\n status: 'optional',\n },\n returnFormat: {\n doc: 'Defines how the returned date, as a string, should be formatted as. Defaults to `yyyy-MM-dd`.',\n type: 'string',\n status: 'optional',\n },\n range: {\n doc:\n 'Defines if the date picker should support a range of two dates (starting and ending date).' +\n 'Defaults to `false`.',\n type: 'boolean',\n status: 'optional',\n },\n showInput: {\n doc: 'If the input fields with the mask should be visible. Defaults to `false`.',\n type: 'boolean',\n status: 'optional',\n },\n maskOrder: {\n doc: 'To define the order of the masked placeholder input fields. Defaults to `dd/mm/yyyy`.',\n type: 'string',\n status: 'optional',\n },\n opened: {\n doc: 'To open the date-picker by default. Defaults to `false`.',\n type: 'boolean',\n status: 'optional',\n },\n maskPlaceholder: {\n doc: 'To display the placeholder on input. Defaults to `dd/mm/åååå`.',\n type: 'string',\n status: 'optional',\n },\n hideNavigation: {\n doc: 'If set to `true`, the navigation will be hidden. Defaults to `false`.',\n type: 'boolean',\n status: 'optional',\n },\n hideDays: {\n doc: 'If set to `true`, the week days will be hidden. Defaults to `false`.',\n type: 'boolean',\n status: 'optional',\n },\n showSubmitButton: {\n doc: 'If set to `true`, a submit button will be shown. You can change the default text by using `submitButtonText=\"Ok\"`. Defaults to `false`. If the `range` property is `true`, then the submit button is shown.',\n type: 'boolean',\n status: 'optional',\n },\n showCancelButton: {\n doc: 'If set to `true`, a cancel button will be shown. You can change the default text by using `cancelButtonText=\"Avbryt\"`. If the `range` property is `true`, then the cancel button is shown. Defaults to `false`',\n type: 'boolean',\n status: 'optional',\n },\n showResetButton: {\n doc: 'If set to `true`, a reset button will be shown. You can change the default text by using `resetButtonText=\"Tilbakestill\"`. Defaults to `false`.',\n type: 'boolean',\n status: 'optional',\n },\n link: {\n doc: 'Link both calendars, once to the user is navigating between months. Only meant to use if the range is set to `true`. Defaults to `false`.',\n type: 'boolean',\n status: 'optional',\n },\n sync: {\n doc: 'Sync input values with the calendars views. Once the input values get changed, the calendar changes its views in sync. Defaults to `true`.',\n type: 'boolean',\n status: 'optional',\n },\n firstDay: {\n doc: 'To define the first day of the week. Defaults to `monday`.',\n type: [\n 'monday',\n 'tuesday',\n 'wednesday',\n 'thursday',\n 'friday',\n 'saturday',\n 'sunday',\n ],\n status: 'optional',\n },\n alignPicker: {\n doc: 'Use `right` to change the calendar alignment direction. Defaults to `left`.',\n type: 'string',\n status: 'optional',\n },\n skipPortal: {\n doc: 'If set to `true`, the calendar will not be rendered inside a react portal. Defaults to `false`.',\n type: 'boolean',\n status: 'optional',\n },\n yearNavigation: {\n doc: 'Will enable year navigation in the calendar if set to `true`. Defaults to `false`.',\n type: 'boolean',\n status: 'optional',\n },\n labelAlignment: {\n doc: 'Sets the alignment of the label. Defaults to `left`.',\n type: ['left', 'right'],\n status: 'optional',\n },\n onlyMonth: {\n doc: 'Use `true` to only show the defined month. Disables the month navigation possibility. Defaults to `false`.',\n type: 'boolean',\n status: 'optional',\n },\n hideLastWeek: {\n doc: 'Use `true` to only show the last week in the current month if it needs to be shown. The result is that there will mainly be shows five (5) weeks (rows) instead of six (6). Defaults to `false`.',\n type: 'boolean',\n status: 'optional',\n },\n stretch: {\n doc: 'If set to `true`, then the date-picker input field will be 100% in `width`',\n type: 'boolean',\n status: 'optional',\n },\n label: {\n doc: 'A prepending label in sync with the date input field.',\n type: 'React.ReactNode',\n status: 'optional',\n },\n labelDirection: {\n doc: ' Use `label_direction=\"vertical\"` to change the label layout direction. Defaults to `horizontal`.',\n type: ['vertical', 'horizontal'],\n status: 'optional',\n },\n suffix: {\n doc: 'Text describing the content of the DatePicker more than the label. You can also send in a React component, so it gets wrapped inside the DatePicker component.',\n type: 'React.ReactNode',\n status: 'optional',\n },\n labelSrOnly: {\n doc: 'Use `true` to make the label only readable by screen readers.',\n type: 'boolean',\n status: 'optional',\n },\n shortcuts: {\n doc: 'Gives you the possibility to set predefined dates and date ranges so the user can select these by one click. Define either a JSON or an object with the defined shortcuts. More info is below.',\n type: 'object',\n status: 'optional',\n },\n addonElement: {\n doc: 'Gives you the possibility to inject a React element showing up over the footer. Use it to customize `shortcuts`.',\n type: 'object',\n status: 'optional',\n },\n inputElement: {\n doc: 'Gives you the possibility to use a plain/vanilla `<input />` HTML element by defining it as a string `inputElement=\"input\"`, a React element, or a render function `inputElement={(internalProps) => (<Return />)}`. Can also be used in circumstances where the `react-text-mask` should not be used, e.g. in testing environments. Defaults to custom masked input.',\n type: 'React.ReactNode',\n status: 'optional',\n },\n status: {\n doc: 'Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.',\n type: ['error', 'info', 'boolean'],\n status: 'optional',\n },\n statusState: {\n doc: 'Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.',\n type: 'string',\n status: 'optional',\n },\n statusProps: {\n doc: 'Use an object to define additional FormStatus properties.',\n type: 'object',\n status: 'optional',\n },\n disableAutofocus: {\n doc: 'Once the date picker gets opened, there is a focus handling to ensure good accessibility. This can be disabled with this property. Defaults to `false`.',\n type: 'boolean',\n status: 'optional',\n },\n correctInvalidDate: {\n doc: 'Corrects the input date value to be the same as either `minDate` or `maxDate`, when the user types in a date that is either before or after one of these. Defaults to `false`.',\n type: 'boolean',\n status: 'optional',\n },\n globalStatus: {\n doc: 'The [configuration](/uilib/components/global-status/properties/#configuration-object) used for the target [GlobalStatus](/uilib/components/global-status).',\n type: 'object',\n status: 'optional',\n },\n tooltip: {\n doc: 'Provide a short Tooltip content that shows up on the picker button.',\n type: 'string',\n status: 'optional',\n },\n skeleton: {\n doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n type: 'boolean',\n status: 'optional',\n },\n size: {\n doc: 'The sizes you can choose is `small` (1.5rem), `default` (2rem), `medium` (2.5rem) and `large` (3rem) are supported component sizes. Defaults to `default` / `null`.',\n type: 'string',\n status: 'optional',\n },\n '[Space](/uilib/layout/space/properties)': {\n doc: 'Spacing properties like `top` or `bottom` are supported.',\n type: ['string', 'object'],\n status: 'optional',\n },\n}\n\nexport const DatePickerEvents: PropertiesTableProps = {\n onChange: {\n doc: 'Will be called on a date change event. Returns an object. See Returned Object below.',\n type: 'function',\n status: 'optional',\n },\n onType: {\n doc: 'Will be called on every input and date picker interaction. Returns an `object`. See Returned Object below.',\n type: 'function',\n status: 'optional',\n },\n onSubmit: {\n doc: 'Will be called once a user presses the submit button.',\n type: 'function',\n status: 'optional',\n },\n onCancel: {\n doc: 'Will be called once a user presses the cancel button.',\n type: 'function',\n status: 'optional',\n },\n onReset: {\n doc: 'Will be called once a user presses the reset button.',\n type: 'function',\n status: 'optional',\n },\n onShow: {\n doc: 'Will be called once date-picker is visible.',\n type: 'function',\n status: 'optional',\n },\n onHide: {\n doc: 'Will be called once date-picker is hidden.',\n type: 'function',\n status: 'optional',\n },\n onDaysRender: {\n doc: 'Will be called right before every new calendar view gets rendered. See the example above.',\n type: 'function',\n status: 'optional',\n },\n onFocus: {\n doc: 'Will be called once the input gets focus.',\n type: 'function',\n status: 'optional',\n },\n onBlur: {\n doc: 'Will be called once the input lose focus.',\n type: 'function',\n status: 'optional',\n },\n}\n"],"mappings":"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","ignoreList":[]}

package/es/components/date-picker/DatePickerFooter.js CHANGED Viewed

@@ -21,6 +21,10 @@ function DatePickerFooter({
   const {
     updateDates,
     previousDateProps,
+    startDate,
+    endDate,
+    submittedDates,
+    setSubmittedDates,
     props: contextProps
   } = useContext(DatePickerContext);
   const {
@@ -36,8 +40,20 @@ function DatePickerFooter({
   } = useTranslation().DatePicker;
   const onSubmitHandler = useCallback(args => {
     onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(args);
-  }, [onSubmit]);
+    setSubmittedDates({
+      startDate,
+      endDate
+    });
+  }, [onSubmit, startDate, endDate, setSubmittedDates]);
   const onCancelHandler = useCallback(args => {
+    if (args && args.event) {
+      args.event.persist();
+    }
+    updateDates(submittedDates, dates => {
+      onCancel === null || onCancel === void 0 ? void 0 : onCancel(_objectSpread(_objectSpread({}, args), dates));
+    });
+  }, [updateDates, onCancel, submittedDates]);
+  const onResetHandler = useCallback(args => {
     if (args && args.event) {
       args.event.persist();
     }
@@ -52,22 +68,10 @@ function DatePickerFooter({
     updateDates({
       startDate,
       endDate
-    }, dates => {
-      onCancel === null || onCancel === void 0 ? void 0 : onCancel(_objectSpread(_objectSpread({}, args), dates));
-    });
-  }, [dateFormat, updateDates, previousDateProps, onCancel]);
-  const onResetHandler = useCallback(args => {
-    if (args && args.event) {
-      args.event.persist();
-    }
-    updateDates({
-      date: undefined,
-      startDate: undefined,
-      endDate: undefined
     }, dates => {
       onReset === null || onReset === void 0 ? void 0 : onReset(_objectSpread(_objectSpread({}, args), dates));
     });
-  }, [updateDates, onReset]);
+  }, [dateFormat, updateDates, previousDateProps, onReset]);
   if (!isRange && !showSubmitButton && !showCancelButton && !showResetButton) {
     return _Fragment || (_Fragment = React.createElement(React.Fragment, null));
   }
@@ -84,15 +88,14 @@ function DatePickerFooter({
     variant: "tertiary",
     onClick: onResetHandler,
     "data-testid": "reset",
-    right: "0.5rem"
+    right: "1rem"
   }) || _span2 || (_span2 = React.createElement("span", null)), (isRange || showCancelButton) && React.createElement(Button, {
     text: cancelButtonText || cancelButtonTextTranslation,
     icon: "close",
     icon_position: "left",
     variant: "tertiary",
     onClick: onCancelHandler,
-    "data-testid": "cancel",
-    right: "0.5rem"
+    "data-testid": "cancel"
   }) || _span3 || (_span3 = React.createElement("span", null))));
 }
 export default DatePickerFooter;

package/es/components/date-picker/DatePickerFooter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DatePickerFooter.js","names":["React","useContext","useCallback","Button","DatePickerContext","convertStringToDate","useTranslation","DatePickerFooter","isRange","submitButtonText","cancelButtonText","resetButtonText","onSubmit","onCancel","onReset","updateDates","previousDateProps","props","contextProps","showResetButton","showCancelButton","showSubmitButton","dateFormat","submitButtonTextTranslation","cancelButtonTextTranslation","resetButtonTextTranslation","DatePicker","onSubmitHandler","args","onCancelHandler","event","persist","~~startDate","date","endDate","~~dates","_objectSpread","onResetHandler","~~undefined~~","_Fragment","createElement","Fragment","className","text","onClick","_span","icon","icon_position","variant","right","_span2","_span3"],"sources":["../../../../src/components/date-picker/DatePickerFooter.tsx"],"sourcesContent":["/*\n Web DatePicker Component\n \n /\n\nimport React, { useContext, useCallback } from 'react'\nimport Button from '../button/Button'\nimport DatePickerContext from './DatePickerContext'\nimport { convertStringToDate } from './DatePickerCalc'\nimport { useTranslation } from '../../shared'\nimport { DatePickerDates } from './hooks/useDates'\n\ntype DatePickerFooterEvent = React.MouseEvent<HTMLButtonElement> &\n DatePickerDates & {\n event: React.MouseEvent<HTMLButtonElement>\n }\n\nexport type DatePickerFooterProps = Omit<\n React.HTMLProps<HTMLElement>,\n 'onSubmit' \| 'onCancel' \| 'onReset'\n> & {\n isRange: boolean\n onSubmit?: (event: DatePickerFooterEvent) => void\n onCancel?: (event: DatePickerFooterEvent) => void\n onReset?: (event: DatePickerFooterEvent) => void\n submitButtonText?: string\n cancelButtonText?: string\n resetButtonText?: string\n}\n\nfunction DatePickerFooter({\n isRange,\n submitButtonText,\n cancelButtonText,\n resetButtonText,\n onSubmit,\n onCancel,\n onReset,\n}: DatePickerFooterProps) {\n const {\n updateDates,\n previousDateProps,\n props: contextProps,\n } = useContext(DatePickerContext)\n\n const {\n showResetButton,\n showCancelButton,\n showSubmitButton,\n dateFormat,\n } = contextProps\n\n const {\n submitButtonText: submitButtonTextTranslation,\n cancelButtonText: cancelButtonTextTranslation,\n resetButtonText: resetButtonTextTranslation,\n } = useTranslation().DatePicker\n\n const onSubmitHandler = useCallback(\n (args: DatePickerFooterEvent) => {\n onSubmit?.(args)\n },\n [onSubmit]\n )\n\n const onCancelHandler = useCallback(\n (args: DatePickerFooterEvent) => {\n if (args && args.event) {\n args.event.persist()\n }\n\n const startDate = previousDateProps.startDate\n ? convertStringToDate(previousDateProps.startDate, {\n dateFormat,\n })\n : previousDateProps.date\n ? convertStringToDate(previousDateProps.date, {\n dateFormat,\n })\n : null\n\n const endDate = previousDateProps.endDate\n ? convertStringToDate(previousDateProps.endDate, {\n dateFormat,\n })\n : startDate\n\n updateDates(\n {\n startDate,\n endDate,\n },\n (dates) => {\n ~~onCancel~~?.({ ...args, ...dates })\n }\n )\n },\n [dateFormat, updateDates, previousDateProps, onCancel]\n )\n\n const onResetHandler = useCallback(\n (args: DatePickerFooterEvent) => {\n if (args && args.event) {\n args.event.persist()\n }\n\n updateDates(\n {\n date: undefined,\n startDate: undefined,\n endDate: undefined,\n },\n (dates) => {\n onReset~~?.({ ...args, ...dates })\n }\n )\n },\n [updateDates, onReset~~]\n )\n\n if (\n !isRange &&\n !showSubmitButton &&\n !showCancelButton &&\n !showResetButton\n ) {\n return <></>\n }\n\n return (\n <div className=\"dnb-date-picker__footer\">\n {((isRange \|\| showSubmitButton) && (\n <Button\n text={submitButtonText \|\| submitButtonTextTranslation}\n onClick={onSubmitHandler}\n data-testid=\"submit\"\n />\n )) \|\| <span />}\n\n <span>\n {(showResetButton && (\n <Button\n text={resetButtonText \|\| resetButtonTextTranslation}\n icon=\"reset\"\n icon_position=\"left\"\n variant=\"tertiary\"\n onClick={onResetHandler}\n data-testid=\"reset\"\n right=\"~~0.5rem~~\"\n />\n )) \|\| <span />}\n\n {((isRange \|\| showCancelButton) && (\n <Button\n text={cancelButtonText \|\| cancelButtonTextTranslation}\n icon=\"close\"\n icon_position=\"left\"\n variant=\"tertiary\"\n onClick={onCancelHandler}\n data-testid=\"cancel\"\n ~~right=\"0.5rem\"\n~~ />\n )) \|\| <span />}\n </span>\n </div>\n )\n}\n\nexport default DatePickerFooter\n"],"mappings":";;;;;;AAKA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,WAAW,QAAQ,OAAO;AACtD,OAAOC,MAAM,MAAM,kBAAkB;AACrC,OAAOC,iBAAiB,MAAM,qBAAqB;AACnD,SAASC,mBAAmB,QAAQ,kBAAkB;AACtD,SAASC,cAAc,QAAQ,cAAc;AAqB7C,SAASC,gBAAgBA,CAAC;EACxBC,OAAO;EACPC,gBAAgB;EAChBC,gBAAgB;EAChBC,eAAe;EACfC,QAAQ;EACRC,QAAQ;EACRC;AACqB,CAAC,EAAE;EACxB,MAAM;IACJC,WAAW;IACXC,iBAAiB;IACjBC,KAAK,EAAEC;EACT,CAAC,~~GAAGjB~~,UAAU,CAACG,iBAAiB,CAAC;EAEjC,MAAM;~~IACJe~~,eAAe;IACfC,gBAAgB;IAChBC,gBAAgB;IAChBC;EACF,CAAC,GAAGJ,YAAY;EAEhB,MAAM;~~IACJT~~,gBAAgB,~~EAAEc~~,2BAA2B;~~IAC7Cb~~,gBAAgB,~~EAAEc~~,2BAA2B;~~IAC7Cb~~,eAAe,~~EAAEc~~;EACnB,CAAC,~~GAAGnB~~,cAAc,CAAC,CAAC,~~CAACoB~~,UAAU;EAE/B,MAAMC,eAAe,~~GAAGzB~~,WAAW,~~CAChC0B~~,IAA2B,IAAK;IAC/~~BhB~~,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,~~CAAGgB~~,IAAI,CAAC;~~EAClB~~,CAAC,EACD,~~CAAChB~~,QAAQ,~~CACX~~,CAAC;EAED,~~MAAMiB~~,eAAe,~~GAAG3B~~,WAAW,~~CAChC0B~~,IAA2B,IAAK;IAC/B,IAAIA,IAAI,IAAIA,IAAI,CAACE,KAAK,EAAE;MACtBF,IAAI,CAACE,KAAK,CAACC,OAAO,CAAC,CAAC;IACtB;~~IAEA~~,MAAMC,SAAS,GAAGhB,iBAAiB,CAACgB,SAAS,GACzC3B,mBAAmB,CAACW,iBAAiB,CAACgB,SAAS,EAAE;MAC/CV;IACF,CAAC,CAAC,GACFN,iBAAiB,CAACiB,IAAI,GACtB5B,mBAAmB,CAACW,iBAAiB,CAACiB,IAAI,EAAE;MAC1CX;IACF,CAAC,CAAC,GACF,IAAI;IAER,MAAMY,OAAO,GAAGlB,iBAAiB,CAACkB,OAAO,GACrC7B,mBAAmB,CAACW,iBAAiB,CAACkB,OAAO,EAAE;MAC7CZ;IACF,CAAC,CAAC,GACFU,SAAS;IAEbjB,WAAW,~~CACT;MACEiB~~,~~SAAS;MACTE;IACF~~,~~CAAC~~,~~EACAC,~~KAAK,IAAK;~~MACTtB~~,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,~~CAAAuB~~,aAAA,CAAAA,aAAA,~~KAAQR~~,IAAI,~~GAAKO~~,KAAK,CAAE,CAAC;IACnC,~~CACF~~,CAAC;~~EACH~~,CAAC,EACD,~~CAACb~~,~~UAAU,EAAEP,~~WAAW,~~EAAEC~~,~~iBAAiB~~,~~EAAEH~~,~~QAAQ~~,~~CACvD~~,CAAC;EAED,~~MAAMwB~~,cAAc,~~GAAGnC~~,WAAW,CAC/~~B0B~~,IAA2B,IAAK;IAC/B,IAAIA,IAAI,IAAIA,IAAI,CAACE,KAAK,EAAE;MACtBF,IAAI,CAACE,KAAK,CAACC,OAAO,CAAC,CAAC;IACtB;~~IAEAhB~~,~~WAAW~~,~~CACT~~;~~MACEkB~~,IAAI,~~EAAEK~~,~~SAAS~~;~~MACfN~~,~~SAAS~~,~~EAAEM~~,~~SAAS~~;~~MACpBJ~~,OAAO,~~EAAEI~~;~~IACX~~,CAAC,~~EACAH~~,KAAK,IAAK;~~MACTrB~~,OAAO,aAAPA,OAAO,uBAAPA,OAAO,~~CAAAsB~~,aAAA,CAAAA,aAAA,~~KAAQR~~,IAAI,~~GAAKO~~,KAAK,CAAE,CAAC;IAClC,CACF,CAAC;EACH,CAAC,EACD,~~CAACpB~~,WAAW,~~EAAED~~,OAAO,~~CACvB~~,CAAC;EAED,IACE,CAACN,OAAO,IACR,~~CAACa~~,gBAAgB,IACjB,CAACD,gBAAgB,IACjB,CAACD,eAAe,EAChB;IACA,~~OAAAoB~~,SAAA,KAAAA,SAAA,~~GAAOvC~~,KAAA,~~CAAAwC~~,aAAA,~~CAAAxC~~,KAAA,~~CAAAyC~~,QAAA,MAAI,CAAC;EACd;EAEA,~~OACEzC~~,KAAA,~~CAAAwC~~,aAAA;IAAKE,SAAS,EAAC;EAAyB,GACpC,~~CAAClC~~,OAAO,~~IAAIa~~,gBAAgB,~~KAC5BrB~~,KAAA,~~CAAAwC~~,aAAA,~~CAACrC~~,MAAM;~~IACLwC~~,IAAI,~~EAAElC~~,gBAAgB,~~IAAIc~~,2BAA4B;~~IACtDqB~~,OAAO,~~EAAEjB~~,eAAgB;IACzB,eAAY;EAAQ,CACrB,CACF,~~IAAAkB~~,KAAA,KAAAA,KAAA,~~GAAK7C~~,KAAA,~~CAAAwC~~,aAAA,aAAO,CAAC,~~GAEdxC~~,KAAA,~~CAAAwC~~,aAAA,~~eACIrB~~,eAAe,~~IACfnB~~,KAAA,~~CAAAwC~~,aAAA,~~CAACrC~~,MAAM;~~IACLwC~~,IAAI,~~EAAEhC~~,eAAe,~~IAAIc~~,0BAA2B;~~IACpDqB~~,IAAI,EAAC,OAAO;IACZC,aAAa,EAAC,MAAM;IACpBC,OAAO,EAAC,UAAU;IAClBJ,OAAO,EAAEP,cAAe;IACxB,eAAY,OAAO;IACnBY,KAAK,EAAC;~~EAAQ~~,~~CACf~~,CACF,IAAAC,MAAA,KAAAA,MAAA,~~GAAKlD~~,KAAA,~~CAAAwC~~,aAAA,aAAO,CAAC,GAEZ,~~CAAChC~~,OAAO,~~IAAIY~~,gBAAgB,~~KAC5BpB~~,KAAA,~~CAAAwC~~,aAAA,~~CAACrC~~,MAAM;~~IACLwC~~,IAAI,~~EAAEjC~~,gBAAgB,~~IAAIc~~,2BAA4B;~~IACtDsB~~,IAAI,EAAC,OAAO;IACZC,aAAa,EAAC,MAAM;IACpBC,OAAO,EAAC,UAAU;IAClBJ,OAAO,~~EAAEf~~,eAAgB;IACzB,eAAY~~,QAAQ~~;~~IACpBoB,KAAK,EAAC;~~EAAQ,~~CACf~~,CACF,~~IAAAE~~,MAAA,KAAAA,MAAA,~~GAAKnD~~,KAAA,~~CAAAwC~~,aAAA,aAAO,CAAC,CACV,CACH,CAAC;AAEV;AAEA,~~eAAejC~~,gBAAgB","ignoreList":[]}
1	+ {"version":3,"file":"DatePickerFooter.js","names":["React","useContext","useCallback","Button","DatePickerContext","convertStringToDate","useTranslation","DatePickerFooter","isRange","submitButtonText","cancelButtonText","resetButtonText","onSubmit","onCancel","onReset","updateDates","previousDateProps","startDate","endDate","submittedDates","setSubmittedDates","props","contextProps","showResetButton","showCancelButton","showSubmitButton","dateFormat","submitButtonTextTranslation","cancelButtonTextTranslation","resetButtonTextTranslation","DatePicker","onSubmitHandler","args","onCancelHandler","event","persist","dates","_objectSpread","onResetHandler","date","_Fragment","createElement","Fragment","className","text","onClick","_span","icon","icon_position","variant","right","_span2","_span3"],"sources":["../../../../src/components/date-picker/DatePickerFooter.tsx"],"sourcesContent":["/*\n Web DatePicker Component\n \n /\n\nimport React, { useContext, useCallback } from 'react'\nimport Button from '../button/Button'\nimport DatePickerContext from './DatePickerContext'\nimport { convertStringToDate } from './DatePickerCalc'\nimport { useTranslation } from '../../shared'\nimport { DatePickerDates } from './hooks/useDates'\n\ntype DatePickerFooterEvent = React.MouseEvent<HTMLButtonElement> &\n DatePickerDates & {\n event: React.MouseEvent<HTMLButtonElement>\n }\n\nexport type DatePickerFooterProps = Omit<\n React.HTMLProps<HTMLElement>,\n 'onSubmit' \| 'onCancel' \| 'onReset'\n> & {\n isRange: boolean\n onSubmit?: (event: DatePickerFooterEvent) => void\n onCancel?: (event: DatePickerFooterEvent) => void\n onReset?: (event: DatePickerFooterEvent) => void\n submitButtonText?: string\n cancelButtonText?: string\n resetButtonText?: string\n}\n\nfunction DatePickerFooter({\n isRange,\n submitButtonText,\n cancelButtonText,\n resetButtonText,\n onSubmit,\n onCancel,\n onReset,\n}: DatePickerFooterProps) {\n const {\n updateDates,\n previousDateProps,\n startDate,\n endDate,\n submittedDates,\n setSubmittedDates,\n props: contextProps,\n } = useContext(DatePickerContext)\n\n const {\n showResetButton,\n showCancelButton,\n showSubmitButton,\n dateFormat,\n } = contextProps\n\n const {\n submitButtonText: submitButtonTextTranslation,\n cancelButtonText: cancelButtonTextTranslation,\n resetButtonText: resetButtonTextTranslation,\n } = useTranslation().DatePicker\n\n const onSubmitHandler = useCallback(\n (args: DatePickerFooterEvent) => {\n onSubmit?.(args)\n setSubmittedDates({ startDate, endDate })\n },\n [onSubmit, startDate, endDate, setSubmittedDates]\n )\n\n const onCancelHandler = useCallback(\n (args: DatePickerFooterEvent) => {\n if (args && args.event) {\n args.event.persist()\n }\n\n updateDates(submittedDates, (dates) => {\n onCancel?.({ ...args, ...dates })\n })\n },\n [updateDates, onCancel, submittedDates]\n )\n\n const onResetHandler = useCallback(\n (args: DatePickerFooterEvent) => {\n if (args && args.event) {\n args.event.persist()\n }\n\n const startDate = previousDateProps.startDate\n ? convertStringToDate(previousDateProps.startDate, {\n dateFormat,\n })\n : previousDateProps.date\n ? convertStringToDate(previousDateProps.date, {\n dateFormat,\n })\n : null\n\n const endDate = previousDateProps.endDate\n ? convertStringToDate(previousDateProps.endDate, {\n dateFormat,\n })\n : startDate\n\n updateDates(\n {\n startDate,\n endDate,\n },\n (dates) => {\n onReset?.({ ...args, ...dates })\n }\n )\n },\n [dateFormat, updateDates, previousDateProps, onReset]\n )\n\n if (\n !isRange &&\n !showSubmitButton &&\n !showCancelButton &&\n !showResetButton\n ) {\n return <></>\n }\n\n return (\n <div className=\"dnb-date-picker__footer\">\n {((isRange \|\| showSubmitButton) && (\n <Button\n text={submitButtonText \|\| submitButtonTextTranslation}\n onClick={onSubmitHandler}\n data-testid=\"submit\"\n />\n )) \|\| <span />}\n\n <span>\n {(showResetButton && (\n <Button\n text={resetButtonText \|\| resetButtonTextTranslation}\n icon=\"reset\"\n icon_position=\"left\"\n variant=\"tertiary\"\n onClick={onResetHandler}\n data-testid=\"reset\"\n right=\"1rem\"\n />\n )) \|\| <span />}\n\n {((isRange \|\| showCancelButton) && (\n <Button\n text={cancelButtonText \|\| cancelButtonTextTranslation}\n icon=\"close\"\n icon_position=\"left\"\n variant=\"tertiary\"\n onClick={onCancelHandler}\n data-testid=\"cancel\"\n />\n )) \|\| <span />}\n </span>\n </div>\n )\n}\n\nexport default DatePickerFooter\n"],"mappings":"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","ignoreList":[]}

package/es/components/date-picker/DatePickerProvider.js CHANGED Viewed

@@ -16,6 +16,7 @@ import useViews from './hooks/useViews';
 import useDates from './hooks/useDates';
 import useLastEventCallCache from './hooks/useLastEventCallCache';
 import useHoverDate from './hooks/useHoverDate';
+import useSubmittedDates from './hooks/useSubmittedDates';
 const defaultProps = {
   returnFormat: 'yyyy-MM-dd'
 };
@@ -74,6 +75,10 @@ function DatePickerProvider(externalProps) {
     hoverDate,
     setHoverDate
   } = useHoverDate();
+  const {
+    submittedDatesRef,
+    setSubmittedDates
+  } = useSubmittedDates();
   const getReturnObject = useCallback((_ref = {}) => {
     let {
         event = null
@@ -139,6 +144,8 @@ function DatePickerProvider(externalProps) {
       props
     }, dates), {}, {
       previousDateProps,
+      submittedDates: submittedDatesRef.current,
+      setSubmittedDates,
       views,
       setViews,
       setHasClickedCalendarDay,

package/es/components/date-picker/DatePickerProvider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DatePickerProvider.js","names":["React","useCallback","useContext","isValid","format","differenceInCalendarDays","SharedContext","correctV1Format","isDisabled","DatePickerContext","useViews","useDates","useLastEventCallCache","useHoverDate","defaultProps","returnFormat","DatePickerProvider","externalProps","props","_objectSpread","date","startDate","endDate","startMonth","endMonth","minDate","maxDate","dateFormat","range","correctInvalidDate","attributes","returnFormatProp","children","onChange","setReturnObject","hidePicker","sharedContext","dates","updateDates","previousDateProps","isRange","shouldCorrectDate","views","setViews","setHasClickedCalendarDay","lastEventCallCache","setLastEventCallCache","hoverDate","setHoverDate","getReturnObject","_ref","event","rest","_objectWithoutProperties","_excluded","partialStartDate","partialEndDate","invalidStartDate","invalidEndDate","startDateIsValid","Boolean","endDateIsValid","hasMinOrMaxDates","returnObject","days_between","start_date","end_date","is_valid_start_date","is_valid_end_date","partialDate","invalidDate","is_valid","callOnChangeHandler","createElement","Provider","value","translation"],"sources":["../../../../src/components/date-picker/DatePickerProvider.tsx"],"sourcesContent":["/*\n Web DatePicker Provider\n \n /\n\nimport React, { useCallback, useContext } from 'react'\nimport type {\n DatePickerEventAttributes,\n DatePickerAllProps,\n DatePickerProps,\n} from './DatePicker'\n\nimport isValid from 'date-fns/isValid'\nimport format from 'date-fns/format'\nimport differenceInCalendarDays from 'date-fns/differenceInCalendarDays'\n\nimport SharedContext from '../../shared/Context'\nimport { correctV1Format, isDisabled } from './DatePickerCalc'\nimport DatePickerContext, {\n DatePickerContextValues,\n} from './DatePickerContext'\nimport useViews from './hooks/useViews'\nimport useDates, { DatePickerDates } from './hooks/useDates'\nimport useLastEventCallCache from './hooks/useLastEventCallCache'\nimport { InvalidDates } from './DatePickerInput'\nimport { PartialDates } from './hooks/usePartialDates'\nimport useHoverDate from './hooks/useHoverDate'\n\ntype DatePickerProviderProps = DatePickerAllProps & {\n setReturnObject: (\n func: DatePickerContextValues['getReturnObject']\n ) => DatePickerContextValues['getReturnObject']\n hidePicker?: DatePickerContextValues['hidePicker']\n attributes?: DatePickerEventAttributes\n children: React.ReactNode\n}\n\nexport type DatePickerChangeEvent<E> = DatePickerDates &\n InvalidDates & {\n nr?: number\n hidePicker?: boolean\n event?: E\n }\n\nexport type GetReturnObjectParams<E> = DatePickerDates &\n PartialDates &\n InvalidDates & {\n event?: E\n }\n\n// TODO: convert properties on event handler return objects to camelCase, constitutes a breaking change\nexport type ReturnObject<E> = InvalidDates &\n PartialDates & {\n event?: E\n attributes?: Record<string, unknown>\n days_between?: number\n date?: string \| null\n start_date?: string \| null\n end_date?: string \| null\n is_valid?: boolean\n is_valid_start_date?: boolean\n is_valid_end_date?: boolean\n }\n\nconst defaultProps: Partial<DatePickerProps> = {\n returnFormat: 'yyyy-MM-dd', // used in date-fns v1: YYYY-MM-DD\n}\n\nfunction DatePickerProvider(externalProps: DatePickerProviderProps) {\n const props = { ...defaultProps, ...externalProps }\n\n const {\n date,\n startDate,\n endDate,\n startMonth,\n endMonth,\n minDate,\n maxDate,\n dateFormat,\n range,\n correctInvalidDate,\n attributes,\n returnFormat: returnFormatProp,\n children,\n onChange,\n setReturnObject,\n hidePicker,\n } = props\n\n const sharedContext = useContext(SharedContext)\n\n const { dates, updateDates, previousDateProps } = useDates(\n {\n date,\n startDate,\n endDate,\n startMonth,\n endMonth,\n minDate,\n maxDate,\n },\n {\n dateFormat: dateFormat,\n isRange: range,\n shouldCorrectDate: correctInvalidDate,\n }\n )\n\n const { views, setViews, setHasClickedCalendarDay } = useViews({\n startMonth: dates.startMonth,\n endMonth: dates.endMonth,\n isRange: range,\n })\n\n const [lastEventCallCache, setLastEventCallCache] =\n useLastEventCallCache({\n startDate: dates.startDate,\n endDate: dates.endDate,\n })\n\n const { hoverDate, setHoverDate } = useHoverDate()\n\n const getReturnObject = useCallback(\n <E,>({ event = null, ...rest }: GetReturnObjectParams<E> = {}) => {\n const {\n startDate,\n endDate,\n partialStartDate,\n partialEndDate,\n invalidStartDate,\n invalidEndDate,\n } = {\n ...views,\n ...dates,\n ...rest,\n }\n\n const returnFormat = correctV1Format(returnFormatProp)\n const startDateIsValid = Boolean(startDate && isValid(startDate))\n const endDateIsValid = Boolean(endDate && isValid(endDate))\n const hasMinOrMaxDates = minDate \|\| maxDate\n\n const returnObject: ReturnObject<E> = {\n event,\n attributes: attributes \|\| {},\n }\n\n // Handle range props\n if (range) {\n return {\n ...returnObject,\n days_between:\n startDateIsValid && endDateIsValid\n ? differenceInCalendarDays(endDate, startDate)\n : null,\n start_date: startDateIsValid\n ? format(startDate, returnFormat)\n : null,\n end_date: endDateIsValid ? format(endDate, returnFormat) : null,\n is_valid_start_date:\n hasMinOrMaxDates &&\n startDateIsValid &&\n isDisabled(startDate, dates.minDate, dates.maxDate)\n ? false\n : startDateIsValid,\n is_valid_end_date:\n hasMinOrMaxDates &&\n endDateIsValid &&\n isDisabled(endDate, dates.minDate, dates.maxDate)\n ? false\n : endDateIsValid,\n partialStartDate,\n partialEndDate,\n invalidStartDate,\n invalidEndDate,\n }\n }\n\n return {\n ...returnObject,\n date: startDateIsValid ? format(startDate, returnFormat) : null,\n partialDate: partialStartDate,\n // Can be removed in v11, in favor to partialDate,\n // to keep the naming logic the same as with date and invalidDate when not in range mode\n partialStartDate,\n invalidDate: invalidStartDate,\n is_valid:\n hasMinOrMaxDates &&\n startDateIsValid &&\n isDisabled(startDate, dates.minDate, dates.maxDate)\n ? false\n : startDateIsValid,\n }\n },\n [dates, views, attributes, maxDate, minDate, range, returnFormatProp]\n )\n\n const callOnChangeHandler = useCallback(\n <E,>(event: E & DatePickerDates) => {\n /*\n Prevent on_change to be fired twice if date not has actually changed\n */\n if (\n lastEventCallCache &&\n lastEventCallCache.startDate === event.startDate &&\n lastEventCallCache.endDate === event.endDate\n ) {\n return // stop here\n }\n\n onChange?.(getReturnObject({ ...dates, ...event }))\n\n setLastEventCallCache({\n startDate: event.startDate,\n endDate: event.endDate,\n })\n },\n [\n getReturnObject,\n dates,\n onChange,\n lastEventCallCache,\n setLastEventCallCache,\n ]\n )\n\n // Is this at any point something other than a function?\n if (typeof setReturnObject === 'function') {\n setReturnObject(getReturnObject)\n }\n\n return (\n <DatePickerContext.Provider\n value={{\n translation: sharedContext.translation,\n updateDates,\n getReturnObject,\n callOnChangeHandler,\n hidePicker: hidePicker,\n props,\n ...dates,\n previousDateProps,\n views,\n setViews,\n setHasClickedCalendarDay,\n hoverDate,\n setHoverDate,\n }}\n >\n {children}\n </DatePickerContext.Provider>\n )\n}\n\nexport default DatePickerProvider\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"DatePickerProvider.js","names":["React","useCallback","useContext","isValid","format","differenceInCalendarDays","SharedContext","correctV1Format","isDisabled","DatePickerContext","useViews","useDates","useLastEventCallCache","useHoverDate","useSubmittedDates","defaultProps","returnFormat","DatePickerProvider","externalProps","props","_objectSpread","date","startDate","endDate","startMonth","endMonth","minDate","maxDate","dateFormat","range","correctInvalidDate","attributes","returnFormatProp","children","onChange","setReturnObject","hidePicker","sharedContext","dates","updateDates","previousDateProps","isRange","shouldCorrectDate","views","setViews","setHasClickedCalendarDay","lastEventCallCache","setLastEventCallCache","hoverDate","setHoverDate","submittedDatesRef","setSubmittedDates","getReturnObject","_ref","event","rest","_objectWithoutProperties","_excluded","partialStartDate","partialEndDate","invalidStartDate","invalidEndDate","startDateIsValid","Boolean","endDateIsValid","hasMinOrMaxDates","returnObject","days_between","start_date","end_date","is_valid_start_date","is_valid_end_date","partialDate","invalidDate","is_valid","callOnChangeHandler","createElement","Provider","value","translation","submittedDates","current"],"sources":["../../../../src/components/date-picker/DatePickerProvider.tsx"],"sourcesContent":["/*\n Web DatePicker Provider\n \n /\n\nimport React, { useCallback, useContext } from 'react'\nimport type {\n DatePickerEventAttributes,\n DatePickerAllProps,\n DatePickerProps,\n} from './DatePicker'\n\nimport isValid from 'date-fns/isValid'\nimport format from 'date-fns/format'\nimport differenceInCalendarDays from 'date-fns/differenceInCalendarDays'\n\nimport SharedContext from '../../shared/Context'\nimport { correctV1Format, isDisabled } from './DatePickerCalc'\nimport DatePickerContext, {\n DatePickerContextValues,\n} from './DatePickerContext'\nimport useViews from './hooks/useViews'\nimport useDates, { DatePickerDates } from './hooks/useDates'\nimport useLastEventCallCache from './hooks/useLastEventCallCache'\nimport { InvalidDates } from './DatePickerInput'\nimport { PartialDates } from './hooks/usePartialDates'\nimport useHoverDate from './hooks/useHoverDate'\nimport useSubmittedDates from './hooks/useSubmittedDates'\n\ntype DatePickerProviderProps = DatePickerAllProps & {\n setReturnObject: (\n func: DatePickerContextValues['getReturnObject']\n ) => DatePickerContextValues['getReturnObject']\n hidePicker?: DatePickerContextValues['hidePicker']\n attributes?: DatePickerEventAttributes\n children: React.ReactNode\n}\n\nexport type DatePickerChangeEvent<E> = DatePickerDates &\n InvalidDates & {\n nr?: number\n hidePicker?: boolean\n event?: E\n }\n\nexport type GetReturnObjectParams<E> = DatePickerDates &\n PartialDates &\n InvalidDates & {\n event?: E\n }\n\n// TODO: convert properties on event handler return objects to camelCase, constitutes a breaking change\nexport type ReturnObject<E> = InvalidDates &\n PartialDates & {\n event?: E\n attributes?: Record<string, unknown>\n days_between?: number\n date?: string \| null\n start_date?: string \| null\n end_date?: string \| null\n is_valid?: boolean\n is_valid_start_date?: boolean\n is_valid_end_date?: boolean\n }\n\nconst defaultProps: Partial<DatePickerProps> = {\n returnFormat: 'yyyy-MM-dd', // used in date-fns v1: YYYY-MM-DD\n}\n\nfunction DatePickerProvider(externalProps: DatePickerProviderProps) {\n const props = { ...defaultProps, ...externalProps }\n\n const {\n date,\n startDate,\n endDate,\n startMonth,\n endMonth,\n minDate,\n maxDate,\n dateFormat,\n range,\n correctInvalidDate,\n attributes,\n returnFormat: returnFormatProp,\n children,\n onChange,\n setReturnObject,\n hidePicker,\n } = props\n\n const sharedContext = useContext(SharedContext)\n\n const { dates, updateDates, previousDateProps } = useDates(\n {\n date,\n startDate,\n endDate,\n startMonth,\n endMonth,\n minDate,\n maxDate,\n },\n {\n dateFormat: dateFormat,\n isRange: range,\n shouldCorrectDate: correctInvalidDate,\n }\n )\n\n const { views, setViews, setHasClickedCalendarDay } = useViews({\n startMonth: dates.startMonth,\n endMonth: dates.endMonth,\n isRange: range,\n })\n\n const [lastEventCallCache, setLastEventCallCache] =\n useLastEventCallCache({\n startDate: dates.startDate,\n endDate: dates.endDate,\n })\n\n const { hoverDate, setHoverDate } = useHoverDate()\n\n const { submittedDatesRef, setSubmittedDates } = useSubmittedDates()\n\n const getReturnObject = useCallback(\n <E,>({ event = null, ...rest }: GetReturnObjectParams<E> = {}) => {\n const {\n startDate,\n endDate,\n partialStartDate,\n partialEndDate,\n invalidStartDate,\n invalidEndDate,\n } = {\n ...views,\n ...dates,\n ...rest,\n }\n\n const returnFormat = correctV1Format(returnFormatProp)\n const startDateIsValid = Boolean(startDate && isValid(startDate))\n const endDateIsValid = Boolean(endDate && isValid(endDate))\n const hasMinOrMaxDates = minDate \|\| maxDate\n\n const returnObject: ReturnObject<E> = {\n event,\n attributes: attributes \|\| {},\n }\n\n // Handle range props\n if (range) {\n return {\n ...returnObject,\n days_between:\n startDateIsValid && endDateIsValid\n ? differenceInCalendarDays(endDate, startDate)\n : null,\n start_date: startDateIsValid\n ? format(startDate, returnFormat)\n : null,\n end_date: endDateIsValid ? format(endDate, returnFormat) : null,\n is_valid_start_date:\n hasMinOrMaxDates &&\n startDateIsValid &&\n isDisabled(startDate, dates.minDate, dates.maxDate)\n ? false\n : startDateIsValid,\n is_valid_end_date:\n hasMinOrMaxDates &&\n endDateIsValid &&\n isDisabled(endDate, dates.minDate, dates.maxDate)\n ? false\n : endDateIsValid,\n partialStartDate,\n partialEndDate,\n invalidStartDate,\n invalidEndDate,\n }\n }\n\n return {\n ...returnObject,\n date: startDateIsValid ? format(startDate, returnFormat) : null,\n partialDate: partialStartDate,\n // Can be removed in v11, in favor to partialDate,\n // to keep the naming logic the same as with date and invalidDate when not in range mode\n partialStartDate,\n invalidDate: invalidStartDate,\n is_valid:\n hasMinOrMaxDates &&\n startDateIsValid &&\n isDisabled(startDate, dates.minDate, dates.maxDate)\n ? false\n : startDateIsValid,\n }\n },\n [dates, views, attributes, maxDate, minDate, range, returnFormatProp]\n )\n\n const callOnChangeHandler = useCallback(\n <E,>(event: E & DatePickerDates) => {\n /*\n Prevent on_change to be fired twice if date not has actually changed\n */\n if (\n lastEventCallCache &&\n lastEventCallCache.startDate === event.startDate &&\n lastEventCallCache.endDate === event.endDate\n ) {\n return // stop here\n }\n\n onChange?.(getReturnObject({ ...dates, ...event }))\n\n setLastEventCallCache({\n startDate: event.startDate,\n endDate: event.endDate,\n })\n },\n [\n getReturnObject,\n dates,\n onChange,\n lastEventCallCache,\n setLastEventCallCache,\n ]\n )\n\n // Is this at any point something other than a function?\n if (typeof setReturnObject === 'function') {\n setReturnObject(getReturnObject)\n }\n\n return (\n <DatePickerContext.Provider\n value={{\n translation: sharedContext.translation,\n updateDates,\n getReturnObject,\n callOnChangeHandler,\n hidePicker: hidePicker,\n props,\n ...dates,\n previousDateProps,\n submittedDates: submittedDatesRef.current,\n setSubmittedDates,\n views,\n setViews,\n setHasClickedCalendarDay,\n hoverDate,\n setHoverDate,\n }}\n >\n {children}\n </DatePickerContext.Provider>\n )\n}\n\nexport default DatePickerProvider\n"],"mappings":"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","ignoreList":[]}

package/es/components/date-picker/DatePickerRange.js CHANGED Viewed

@@ -5,40 +5,17 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React, { useCallback, useContext } from 'react';
-import addMonths from 'date-fns/addMonths';
-import subMonths from 'date-fns/subMonths';
 import DatePickerCalendar from './DatePickerCalendar';
 import DatePickerContext from './DatePickerContext';
-const monthHandlers = {
-  prev: subMonths,
-  next: addMonths
-};
 function DatePickerRange(props) {
   const {
     onChange,
-    isRange,
-    isLink
+    isRange
   } = props;
   const {
     views,
-    setViews,
     callOnChangeHandler
   } = useContext(DatePickerContext);
-  const onNav = useCallback(({
-    nr,
-    type
-  }) => {
-    const updatedViews = views.map(view => {
-      if (view.nr === nr || isLink && view.nr === 1) {
-        const month = monthHandlers[type](view.month, 1);
-        return _objectSpread(_objectSpread({}, view), {}, {
-          month
-        });
-      }
-      return view;
-    });
-    setViews(updatedViews);
-  }, [views, setViews, isLink]);
   const onSelect = useCallback(event => {
     callOnChangeHandler(event);
     onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread({
@@ -53,9 +30,7 @@ function DatePickerRange(props) {
     key: calendar.nr
   }, calendar, props, {
     id: `${props.id}-${i}-`,
-    onSelect: onSelect,
-    onPrev: onNav,
-    onNext: onNav
+    onSelect: onSelect
   }))));
 }
 export default DatePickerRange;

package/es/components/date-picker/DatePickerRange.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DatePickerRange.js","names":["React","useCallback","useContext","~~addMonths","subMonths","~~DatePickerCalendar","DatePickerContext","~~monthHandlers","prev","next","~~DatePickerRange","props","onChange","isRange","~~isLink","~~views","~~setViews","~~callOnChangeHandler","~~onNav~~","nr","~~type","updatedViews","map","view","month","~~_objectSpread","~~onSelect","event","~~hidePicker","startDate","endDate","createElement","className","calendar","i","_extends","key","id","~~onPrev~~"~~,"onNext"~~],"sources":["../../../../src/components/date-picker/DatePickerRange.tsx"],"sourcesContent":["/*\n Web DatePicker Component\n \n /\n\nimport React, { useCallback, useContext } from 'react'\n\~~n// date-fns\~~nimport ~~addMonths from 'date-fns/addMonths'\nimport subMonths from 'date-fns/subMonths'\n\nimport~~ DatePickerCalendar, {\n ~~CalendarButtonProps,\n CalendarNavigationEvent,\n~~ DatePickerCalendarProps,\n} from './DatePickerCalendar'\nimport DatePickerContext from './DatePickerContext'\nimport { DatePickerDates } from './hooks/useDates'\nimport { DatePickerChangeEvent } from './DatePickerProvider'\n\nexport type DatePickerRangeViews = number \| Record<string, unknown>[]\n\nexport type DatePickerRangeProps = Omit<\n React.HTMLProps<HTMLElement>,\n 'onChange'\n> &\n DatePickerCalendarProps & {\n id?: string\n isRange?: boolean\n isLink?: boolean\n isSync?: boolean\n onlyMonth?: boolean\n hideNav?: boolean\n views?: [{ nextBtn: false; prevBtn: false }]\n onChange?: (\n event: DatePickerChangeEvent<\n \| React.MouseEvent<HTMLSpanElement>\n \| React.KeyboardEvent<HTMLTableElement>\n >\n ) => void\n }\n\~~nconst monthHandlers: {\n // eslint-disable-next-line no-unused-vars\n [key in CalendarButtonProps['type']]: typeof subMonths\n} = {\n prev: subMonths,\n next: addMonths,\n}\n\~~nfunction DatePickerRange(props: DatePickerRangeProps) {\n // Destructured to prevent useCallback from updating on all prop or context changes\n const { onChange, isRange, ~~isLink~~ } = props\n const { views, ~~setViews,~~ callOnChangeHandler } ~~=\n~~ useContext(DatePickerContext)\n\n const onNav = useCallback(\n ({ nr, type }: CalendarNavigationEvent) => {\n const updatedViews = views.map((view) => {\n if (view.nr === nr \|\| (isLink && view.nr === 1)) {\n const month = monthHandlers[type](view.month, 1)\n\n return { ...view, month }\n }\n\n return view\n })\n setViews(updatedViews)\n },\n [views, setViews, isLink]\n )\n\n const onSelect = useCallback(\n (\n event: DatePickerChangeEvent<\n \| React.MouseEvent<HTMLSpanElement>\n \| React.KeyboardEvent<HTMLTableElement>\n > &\n DatePickerDates\n ) => {\n callOnChangeHandler(event)\n\n onChange?.({\n hidePicker: !isRange,\n startDate: event.startDate,\n endDate: event.endDate,\n ...event,\n })\n },\n [isRange, onChange, callOnChangeHandler]\n )\n\n return (\n <div className=\"dnb-date-picker__views\">\n {views.map((calendar, i) => (\n <DatePickerCalendar\n key={calendar.nr}\n {...calendar}\n {...props}\n id={`${props.id}-${i}-`}\n onSelect={onSelect}\n ~~onPrev={onNav}\n onNext={onNav}\n~~ />\n ))}\n </div>\n )\n}\n\nexport default DatePickerRange\n"],"mappings":";;;;;;AAKA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,QAAQ,OAAO;~~AAGtD~~,OAAOC,~~SAAS,MAAM,oBAAoB;AAC1C,OAAOC,SAAS,MAAM,oBAAoB;AAE1C,OAAOC,~~kBAAkB,~~MAIlB~~,sBAAsB;AAC7B,OAAOC,iBAAiB,MAAM,qBAAqB;~~AA0BnD~~,~~MAAMC~~,~~aAGL,GAAG;EACFC,IAAI,EAAEJ,SAAS;EACfK,IAAI,EAAEN;AACR,CAAC;AAED,SAASO,~~eAAeA,CAACC,KAA2B,EAAE;EAEpD,MAAM;IAAEC,QAAQ;IAAEC~~,OAAO~~;~~IAAEC;EAAO~~,CAAC,~~GAAGH~~,KAAK;~~EAC3C~~,MAAM;~~IAAEI~~,KAAK;IAAEC~~,QAAQ~~;~~IAAEC;~~EAAoB,CAAC,~~GAC5Cf~~,UAAU,~~CAACI~~,iBAAiB,CAAC;~~EAE/B~~,~~MAAMY~~,KAAK,GAAGjB,WAAW,CACvB,CAAC;IAAEkB,EAAE;IAAEC;EAA8B,CAAC,KAAK;IACzC,MAAMC,YAAY,GAAGN,KAAK,CAACO,GAAG,CAAEC,IAAI,IAAK;MACvC,IAAIA,IAAI,CAACJ,EAAE,KAAKA,EAAE,IAAKL,MAAM,IAAIS,IAAI,CAACJ,EAAE,KAAK,CAAE,EAAE;QAC/C,MAAMK,KAAK,GAAGjB,aAAa,CAACa,IAAI,CAAC,CAACG,IAAI,CAACC,KAAK,EAAE,CAAC,CAAC;QAEhD,OAAAC,aAAA,CAAAA,aAAA,KAAYF,IAAI;UAAEC;QAAK;MACzB;MAEA,OAAOD,IAAI;IACb,CAAC,CAAC;IACFP,QAAQ,~~CAACK~~,~~YAAY,CAAC;EACxB,CAAC,EACD,CAACN,KAAK,EAAEC,QAAQ,EAAEF,MAAM,CAC1B,CAAC;EAED,MAAMY,QAAQ,GAAGzB,~~WAAW,~~CAExB0B~~,KAIiB,IACd;~~IACHV~~,mBAAmB,~~CAACU~~,KAAK,CAAC;~~IAE1Bf~~,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,~~CAAAa~~,aAAA;~~MACNG~~,UAAU,EAAE,~~CAACf~~,OAAO;~~MACpBgB~~,SAAS,~~EAAEF~~,KAAK,~~CAACE~~,SAAS;MAC1BC,OAAO,~~EAAEH~~,KAAK,~~CAACG~~;IAAO,~~GACnBH~~,KAAK,CACT,CAAC;EACJ,CAAC,EACD,~~CAACd~~,OAAO,EAAED,QAAQ,~~EAAEK~~,mBAAmB,CACzC,CAAC;EAED,~~OACEjB~~,KAAA,~~CAAA+B~~,aAAA;IAAKC,SAAS,EAAC;EAAwB,~~GACpCjB~~,KAAK,~~CAACO~~,GAAG,CAAC,~~CAACW~~,QAAQ,EAAEC,CAAC,~~KACrBlC~~,KAAA,~~CAAA+B~~,aAAA,~~CAAC1B~~,kBAAkB,~~EAAA8B~~,QAAA;IACjBC,GAAG,EAAEH,QAAQ,~~CAACd~~;EAAG,~~GACbc~~,QAAQ,~~EACRtB~~,KAAK;~~IACT0B~~,EAAE,EAAE,~~GAAG1B~~,KAAK,~~CAAC0B~~,EAAE,~~IAAIH~~,CAAC,GAAI;~~IACxBR~~,QAAQ,EAAEA~~,QAAS~~;~~IACnBY~~,~~MAAM~~,~~EAAEpB,KAAM;IACdqB,MAAM,EAAErB;EAAM,EACf,~~CACF,CACE,CAAC;AAEV;AAEA,~~eAAeR~~,eAAe","ignoreList":[]}
1	+ {"version":3,"file":"DatePickerRange.js","names":["React","useCallback","useContext","DatePickerCalendar","DatePickerContext","DatePickerRange","props","onChange","isRange","views","callOnChangeHandler","onSelect","event","_objectSpread","hidePicker","startDate","endDate","createElement","className","map","calendar","i","_extends","key","nr","id"],"sources":["../../../../src/components/date-picker/DatePickerRange.tsx"],"sourcesContent":["/*\n Web DatePicker Component\n \n /\n\nimport React, { useCallback, useContext } from 'react'\n\nimport DatePickerCalendar, {\n DatePickerCalendarProps,\n} from './DatePickerCalendar'\nimport DatePickerContext from './DatePickerContext'\nimport { DatePickerDates } from './hooks/useDates'\nimport { DatePickerChangeEvent } from './DatePickerProvider'\n\nexport type DatePickerRangeViews = number \| Record<string, unknown>[]\n\nexport type DatePickerRangeProps = Omit<\n React.HTMLProps<HTMLElement>,\n 'onChange'\n> &\n DatePickerCalendarProps & {\n id?: string\n isRange?: boolean\n isLink?: boolean\n isSync?: boolean\n onlyMonth?: boolean\n hideNav?: boolean\n // TODO: Rename this, as it has nothing to do with the views, and it's only used to set the display condition for the naviation buttons\n views?: [{ nextBtn: false; prevBtn: false }]\n onChange?: (\n event: DatePickerChangeEvent<\n \| React.MouseEvent<HTMLSpanElement>\n \| React.KeyboardEvent<HTMLTableElement>\n >\n ) => void\n }\n\nfunction DatePickerRange(props: DatePickerRangeProps) {\n // Destructured to prevent useCallback from updating on all prop or context changes\n const { onChange, isRange } = props\n const { views, callOnChangeHandler } = useContext(DatePickerContext)\n\n const onSelect = useCallback(\n (\n event: DatePickerChangeEvent<\n \| React.MouseEvent<HTMLSpanElement>\n \| React.KeyboardEvent<HTMLTableElement>\n > &\n DatePickerDates\n ) => {\n callOnChangeHandler(event)\n\n onChange?.({\n hidePicker: !isRange,\n startDate: event.startDate,\n endDate: event.endDate,\n ...event,\n })\n },\n [isRange, onChange, callOnChangeHandler]\n )\n\n return (\n <div className=\"dnb-date-picker__views\">\n {views.map((calendar, i) => (\n <DatePickerCalendar\n key={calendar.nr}\n {...calendar}\n {...props}\n id={`${props.id}-${i}-`}\n onSelect={onSelect}\n />\n ))}\n </div>\n )\n}\n\nexport default DatePickerRange\n"],"mappings":";;;;;;AAKA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,QAAQ,OAAO;AAEtD,OAAOC,kBAAkB,MAElB,sBAAsB;AAC7B,OAAOC,iBAAiB,MAAM,qBAAqB;AA2BnD,SAASC,eAAeA,CAACC,KAA2B,EAAE;EAEpD,MAAM;IAAEC,QAAQ;IAAEC;EAAQ,CAAC,GAAGF,KAAK;EACnC,MAAM;IAAEG,KAAK;IAAEC;EAAoB,CAAC,GAAGR,UAAU,CAACE,iBAAiB,CAAC;EAEpE,MAAMO,QAAQ,GAAGV,WAAW,CAExBW,KAIiB,IACd;IACHF,mBAAmB,CAACE,KAAK,CAAC;IAE1BL,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAAM,aAAA;MACNC,UAAU,EAAE,CAACN,OAAO;MACpBO,SAAS,EAAEH,KAAK,CAACG,SAAS;MAC1BC,OAAO,EAAEJ,KAAK,CAACI;IAAO,GACnBJ,KAAK,CACT,CAAC;EACJ,CAAC,EACD,CAACJ,OAAO,EAAED,QAAQ,EAAEG,mBAAmB,CACzC,CAAC;EAED,OACEV,KAAA,CAAAiB,aAAA;IAAKC,SAAS,EAAC;EAAwB,GACpCT,KAAK,CAACU,GAAG,CAAC,CAACC,QAAQ,EAAEC,CAAC,KACrBrB,KAAA,CAAAiB,aAAA,CAACd,kBAAkB,EAAAmB,QAAA;IACjBC,GAAG,EAAEH,QAAQ,CAACI;EAAG,GACbJ,QAAQ,EACRd,KAAK;IACTmB,EAAE,EAAE,GAAGnB,KAAK,CAACmB,EAAE,IAAIJ,CAAC,GAAI;IACxBV,QAAQ,EAAEA;EAAS,EACpB,CACF,CACE,CAAC;AAEV;AAEA,eAAeN,eAAe","ignoreList":[]}

package/es/components/date-picker/hooks/useSubmittedDates.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { DatePickerDates } from './useDates';
+export type SubmittedDates = Pick<DatePickerDates, 'startDate' | 'endDate'>;
+export default function useSubmittedDates(): {
+    submittedDatesRef: import("react").MutableRefObject<SubmittedDates>;
+    setSubmittedDates: (dates: SubmittedDates) => void;
+};

package/es/components/date-picker/hooks/useSubmittedDates.js ADDED Viewed

@@ -0,0 +1,14 @@
+"use client";
+import { useCallback, useRef } from 'react';
+export default function useSubmittedDates() {
+  const submittedDatesRef = useRef({});
+  const setSubmittedDates = useCallback(dates => {
+    submittedDatesRef.current = dates;
+  }, []);
+  return {
+    submittedDatesRef,
+    setSubmittedDates
+  };
+}
+//# sourceMappingURL=useSubmittedDates.js.map

package/es/components/date-picker/hooks/useSubmittedDates.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useSubmittedDates.js","names":["useCallback","useRef","useSubmittedDates","submittedDatesRef","setSubmittedDates","dates","current"],"sources":["../../../../../src/components/date-picker/hooks/useSubmittedDates.ts"],"sourcesContent":["import { useCallback, useRef } from 'react'\nimport { DatePickerDates } from './useDates'\n\nexport type SubmittedDates = Pick<DatePickerDates, 'startDate' | 'endDate'>\n\nexport default function useSubmittedDates() {\n const submittedDatesRef = useRef<SubmittedDates>({})\n\n const setSubmittedDates = useCallback((dates: SubmittedDates) => {\n submittedDatesRef.current = dates\n }, [])\n\n return {\n submittedDatesRef,\n setSubmittedDates,\n }\n}\n"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,MAAM,QAAQ,OAAO;AAK3C,eAAe,SAASC,iBAAiBA,CAAA,EAAG;EAC1C,MAAMC,iBAAiB,GAAGF,MAAM,CAAiB,CAAC,CAAC,CAAC;EAEpD,MAAMG,iBAAiB,GAAGJ,WAAW,CAAEK,KAAqB,IAAK;IAC/DF,iBAAiB,CAACG,OAAO,GAAGD,KAAK;EACnC,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IACLF,iBAAiB;IACjBC;EACF,CAAC;AACH","ignoreList":[]}

package/es/components/date-picker/style/dnb-date-picker.css CHANGED Viewed

@@ -254,7 +254,7 @@ html[data-whatinput=keyboard] .dnb-date-picker__container table.dnb-no-focus:foc
   content: none;
 }
 .dnb-date-picker__header {
-  height: 2.5rem;
+  min-height: 2.5rem;
   line-height: var(--line-height-basis);
 }
 .dnb-date-picker__addon, .dnb-date-picker__header {

package/es/components/date-picker/style/dnb-date-picker.min.css CHANGED Viewed

	@@ -1 +1 @@
1	- .dnb-date-picker{--date-picker-input-height:2rem;--date-picker-day-width:2rem;--date-picker-day-horizontal-spacing:4px;align-items:center;column-gap:var(--spacing-small);display:inline-flex;font-size:var(--font-size-small);line-height:var(--line-height-basis)}.dnb-date-picker__inner{display:inline-flex;flex-direction:column;line-height:var(--date-picker-input-height)}.dnb-date-picker__row{display:inline-flex}.dnb-date-picker__shell{display:inline-flex;flex-direction:column;position:relative;top:0}.dnb-date-picker__input__wrapper{display:inline-flex;height:inherit;white-space:nowrap}.dnb-date-picker__triangle{margin:0 1.5rem;overflow:hidden;pointer-events:none;right:auto;top:calc(2px - var(--date-picker-input-height)/2)}.dnb-date-picker__triangle,.dnb-date-picker__triangle:before{height:calc(var(--date-picker-input-height)/2);left:0;position:absolute;width:calc(var(--date-picker-input-height)/2)}.dnb-date-picker__triangle:before{background-color:var(--color-white);border:1px solid var(--color-black-border);content:"";top:0;transform:translateY(60%) rotate(45deg)}.dnb-date-picker__container{display:block;left:-1rem;position:absolute;top:var(--date-picker-input-height);z-index:3}.dnb-date-picker__container--small{top:1.5rem}.dnb-date-picker__container--medium{top:2.5rem}.dnb-date-picker__container--large{top:3rem}.dnb-date-picker__container--show-input{left:0}.dnb-date-picker__container--right{left:auto;right:-1rem}.dnb-date-picker__container--show-input.dnb-date-picker__container--right{left:auto;right:0}.dnb-date-picker__container--opened{z-index:100}.dnb-date-picker__container--opened:not(.dnb-date-picker__container--opened--no-animation){animation:date-picker-slide-down .2s ease-out 1 forwards}.dnb-date-picker__container--opened--no-animation,html[data-visual-test] .dnb-date-picker__container--opened{animation:date-picker-slide-down 1ms ease-out 1 forwards}.dnb-date-picker__container--hidden{display:none}.dnb-date-picker__container--closed:not(.dnb-date-picker__container--closed--no-animation){animation:date-picker-slide-up .15s ease-out 1 forwards}.dnb-date-picker__container--closed--no-animation,html[data-visual-test] .dnb-date-picker__container--closed{animation:date-picker-slide-up 1ms ease-out 1 forwards}.dnb-date-picker__container--right .dnb-date-picker__triangle{left:auto;right:0}.dnb-date-picker__container table{margin:0;position:relative;z-index:1}.dnb-date-picker__container table.dnb-no-focus:focus{outline:none}html[data-whatinput=keyboard] .dnb-date-picker__container table.dnb-no-focus:focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-core-style .dnb-date-picker__input,.dnb-date-picker .dnb-input__input.dnb-date-picker__input,.dnb-date-picker__input{background:transparent;border:none;display:inline-block;font-family:var(--font-family-monospace);margin:0;outline:none;overflow:visible;padding:0 .125rem;text-align:center;transform:translateY(0);white-space:nowrap;width:auto}@supports (-webkit-appearance:none) and (not (overflow:-webkit-marquee)) and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)){.dnb-core-style .dnb-date-picker__input,.dnb-date-picker .dnb-input__input.dnb-date-picker__input,.dnb-date-picker__input{margin:0 -4px}}@supports (-ms-ime-align:auto){.dnb-core-style .dnb-date-picker__input,.dnb-date-picker .dnb-input__input.dnb-date-picker__input,.dnb-date-picker__input{margin:0 -5px}}@supports (-webkit-touch-callout:none){.dnb-core-style .dnb-date-picker__input,.dnb-date-picker .dnb-input__input.dnb-date-picker__input,.dnb-date-picker__input{text-indent:-2px}.dnb-core-style .dnb-date-picker__input:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:not(:root),.dnb-date-picker__input:not(:root){margin:0}}@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-touch-callout:none)){.dnb-core-style .dnb-date-picker__input:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:not(:root),.dnb-date-picker__input:not(:root){margin:0 -4px}.dnb-core-style .dnb-date-picker__input:first-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:first-of-type:not(:root),.dnb-date-picker__input:first-of-type:not(:root){margin-left:.8rem}.dnb-core-style .dnb-date-picker__input:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:last-of-type:not(:root),.dnb-date-picker__input:last-of-type:not(:root){margin-right:2.2rem}}.dnb-core-style .dnb-date-picker__input--small .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small,.dnb-core-style .dnb-date-picker__input--small--has-submit-element .dnb-core-style .dnb-date-picker__input--small__input,.dnb-core-style .dnb-date-picker__input--small--has-submit-element .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small__input,.dnb-core-style .dnb-date-picker__input--small--has-submit-element .dnb-date-picker__input--small__input,.dnb-core-style .dnb-date-picker__input--small.dnb-date-picker__input--small,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--small .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--small.dnb-date-picker__input--small,.dnb-date-picker__input--small .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small,.dnb-date-picker__input--small.dnb-date-picker__input--small{padding-right:.125rem}.dnb-core-style .dnb-date-picker__input--small:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input--small:last-of-type:not(:root),.dnb-date-picker__input--small:last-of-type:not(:root){margin-right:2.2rem}.dnb-core-style .dnb-date-picker__input--medium .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium,.dnb-core-style .dnb-date-picker__input--medium--has-submit-element .dnb-core-style .dnb-date-picker__input--medium__input,.dnb-core-style .dnb-date-picker__input--medium--has-submit-element .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium__input,.dnb-core-style .dnb-date-picker__input--medium--has-submit-element .dnb-date-picker__input--medium__input,.dnb-core-style .dnb-date-picker__input--medium.dnb-date-picker__input--medium,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium.dnb-date-picker__input--medium,.dnb-date-picker__input--medium .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium,.dnb-date-picker__input--medium.dnb-date-picker__input--medium{padding-right:.125rem}.dnb-core-style .dnb-date-picker__input--medium:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium:last-of-type:not(:root),.dnb-date-picker__input--medium:last-of-type:not(:root){margin-right:3.2rem}.dnb-core-style .dnb-date-picker__input--large .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large,.dnb-core-style .dnb-date-picker__input--large--has-submit-element .dnb-core-style .dnb-date-picker__input--large__input,.dnb-core-style .dnb-date-picker__input--large--has-submit-element .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large__input,.dnb-core-style .dnb-date-picker__input--large--has-submit-element .dnb-date-picker__input--large__input,.dnb-core-style .dnb-date-picker__input--large.dnb-date-picker__input--large,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--large .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--large.dnb-date-picker__input--large,.dnb-date-picker__input--large .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large,.dnb-date-picker__input--large.dnb-date-picker__input--large{padding-right:.125rem}.dnb-core-style .dnb-date-picker__input--large:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input--large:last-of-type:not(:root),.dnb-date-picker__input--large:last-of-type:not(:root){margin-right:4rem}.dnb-core-style .dnb-date-picker__input--label-alignment-right,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--label-alignment-right,.dnb-date-picker__input--label-alignment-right{flex-flow:row-reverse;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.dnb-date-picker .dnb-input__input.dnb-date-picker__input:first-of-type,.dnb-date-picker__input:first-of-type{margin-left:.8rem}.dnb-date-picker .dnb-input__input.dnb-date-picker__input:last-of-type,.dnb-date-picker__input:last-of-type{margin-right:2.2rem}.dnb-date-picker .dnb-input__shell{display:none}.dnb-date-picker--show-input .dnb-input__shell{display:flex}.dnb-date-picker:not(.dnb-date-picker--show-input) .dnb-input__status--error .dnb-input__shell{box-shadow:none}.dnb-input__submit-button button:focus~.dnb-date-picker__input__wrapper{display:block}.dnb-date-picker:not(.dnb-date-picker--show-input) .dnb-input__submit-element,.dnb-input__submit-element>.dnb-date-picker .dnb-input__submit-element{margin-left:0}.dnb-date-picker__views{display:flex;user-select:none;-webkit-user-select:none}@media screen and (max-width:60em){.dnb-date-picker__views{flex-direction:column}}.dnb-date-picker__calendar{padding:1rem;position:relative}.dnb-date-picker__calendar:after{bottom:0;content:"";height:1px;position:absolute;width:calc(100% - 2rem)}.dnb-date-picker:not(.dnb-date-picker--show-footer) .dnb-date-picker__calendar:after{content:none}.dnb-date-picker__header{height:2.5rem;line-height:var(--line-height-basis)}.dnb-date-picker__addon,.dnb-date-picker__header{display:flex;justify-content:space-between;padding-bottom:1rem;position:relative}.dnb-date-picker__addon:after,.dnb-date-picker__header:after{bottom:0;content:"";height:1px;position:absolute;width:100%}.dnb-date-picker__addon{display:flex;flex-flow:row wrap;gap:1rem;justify-content:flex-start;padding:1rem}.dnb-date-picker__addon:after{left:1rem;width:calc(100% - 2rem)}.dnb-date-picker__footer{display:flex;justify-content:space-between;padding:1rem;position:relative}.dnb-date-picker__labels__day{padding-bottom:.5rem;padding-top:1.5rem}.dnb-date-picker__days,.dnb-date-picker__labels{display:flex;flex-wrap:wrap;list-style:none;margin:0;max-width:18rem;min-width:18rem;padding:0}.dnb-date-picker__day,.dnb-date-picker__labels__day{display:flex;flex-basis:14.2857142857%;justify-content:center}.dnb-date-picker__day{margin:var(--date-picker-day-horizontal-spacing) 0;position:relative}.dnb-date-picker__day,.dnb-date-picker__day .dnb-button{height:var(--date-picker-day-width);width:var(--date-picker-day-width)}.dnb-date-picker__day .dnb-button{box-shadow:none;position:absolute;top:0;white-space:nowrap}.dnb-date-picker__day .dnb-button__bounding{border-radius:0;transform:scale(1.28)}.dnb-date-picker__day .dnb-button__text{transform:translateY(0)}.dnb-date-picker__day--selectable:hover{z-index:2}.dnb-date-picker__day--end-date .dnb-button,.dnb-date-picker__day--start-date .dnb-button{z-index:1}.dnb-date-picker__day--end-date,.dnb-date-picker__day--start-date{position:relative}.dnb-date-picker__day--end-date:after,.dnb-date-picker__day--start-date:after{content:"";height:100%;position:absolute;top:0;width:calc(var(--date-picker-day-width)/2)}.dnb-date-picker__day--start-date:after{left:auto;right:0}.dnb-date-picker__day--end-date:after{left:0;right:auto}.dnb-date-picker__day--start-date.dnb-date-picker__day--end-date:after{content:none}.dnb-date-picker .rtl{direction:rtl}.dnb-date-picker .rtl .dnb-date-picker__next:before,.dnb-date-picker .rtl .dnb-date-picker__prev:before{transform:scaleX(-1)}.dnb-date-picker__inner>.dnb-form-status{margin-top:.5rem;order:2}.dnb-date-picker--vertical{align-items:flex-start;display:flex;flex-direction:column}.dnb-date-picker>.dnb-form-label{line-height:var(--line-height-basis);margin-right:0}@media screen and (max-width:40em){.dnb-date-picker{flex-wrap:wrap}.dnb-date-picker>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-date-picker--stretch{display:flex;flex-grow:1}.dnb-date-picker--stretch .dnb-date-picker__inner,.dnb-date-picker--stretch .dnb-date-picker__shell,.dnb-form-row--horizontal .dnb-date-picker--stretch{width:100%}.dnb-date-picker:not(.dnb-date-picker--vertical)[class=__status]{align-items:flex-start}.dnb-date-picker:not(.dnb-date-picker--vertical)[class=__status]>.dnb-form-label{margin-top:.25rem}.dnb-date-picker:not(.dnb-date-picker--show-input) .dnb-input__submit-button .dnb-button{border-radius:50%}@media screen and (max-width:40em){.dnb-responsive-component .dnb-date-picker{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:.5rem}.dnb-responsive-component .dnb-date-picker>.dnb-form-label{margin-bottom:.5rem}.dnb-responsive-component .dnb-date-picker__helper{display:none}}.dnb-date-picker .dnb-input__submit-button .dnb-button.dnb-skeleton{visibility:hidden}.dnb-core-style .dnb-date-picker__fieldset,.dnb-date-picker__fieldset{border:none;padding:0}.dnb-core-style .dnb-date-picker__fieldset:not([class=space__top]),.dnb-date-picker__fieldset:not([class=space__top]){margin-top:0}.dnb-core-style .dnb-date-picker__fieldset:not([class=space__bottom]),.dnb-date-picker__fieldset:not([class=space__bottom]){margin-bottom:0}.dnb-core-style .dnb-date-picker__fieldset:not([class=space__left]),.dnb-date-picker__fieldset:not([class=space__left]){margin-left:0}.dnb-core-style .dnb-date-picker__fieldset:not([class=space__right]),.dnb-date-picker__fieldset:not([class=space__right]){margin-right:0}.dnb-date-picker__portal{--date-picker-input-height:2rem;--date-picker-day-width:2rem;--date-picker-day-horizontal-spacing:4px;left:0;line-height:var(--date-picker-input-height);position:absolute;z-index:calc(var(--modal-z-index) + 10)}@keyframes date-picker-slide-down{0%{opacity:0}to{opacity:1}}@keyframes date-picker-slide-up{0%{opacity:1}to{opacity:0}}
1	+ .dnb-date-picker{--date-picker-input-height:2rem;--date-picker-day-width:2rem;--date-picker-day-horizontal-spacing:4px;align-items:center;column-gap:var(--spacing-small);display:inline-flex;font-size:var(--font-size-small);line-height:var(--line-height-basis)}.dnb-date-picker__inner{display:inline-flex;flex-direction:column;line-height:var(--date-picker-input-height)}.dnb-date-picker__row{display:inline-flex}.dnb-date-picker__shell{display:inline-flex;flex-direction:column;position:relative;top:0}.dnb-date-picker__input__wrapper{display:inline-flex;height:inherit;white-space:nowrap}.dnb-date-picker__triangle{margin:0 1.5rem;overflow:hidden;pointer-events:none;right:auto;top:calc(2px - var(--date-picker-input-height)/2)}.dnb-date-picker__triangle,.dnb-date-picker__triangle:before{height:calc(var(--date-picker-input-height)/2);left:0;position:absolute;width:calc(var(--date-picker-input-height)/2)}.dnb-date-picker__triangle:before{background-color:var(--color-white);border:1px solid var(--color-black-border);content:"";top:0;transform:translateY(60%) rotate(45deg)}.dnb-date-picker__container{display:block;left:-1rem;position:absolute;top:var(--date-picker-input-height);z-index:3}.dnb-date-picker__container--small{top:1.5rem}.dnb-date-picker__container--medium{top:2.5rem}.dnb-date-picker__container--large{top:3rem}.dnb-date-picker__container--show-input{left:0}.dnb-date-picker__container--right{left:auto;right:-1rem}.dnb-date-picker__container--show-input.dnb-date-picker__container--right{left:auto;right:0}.dnb-date-picker__container--opened{z-index:100}.dnb-date-picker__container--opened:not(.dnb-date-picker__container--opened--no-animation){animation:date-picker-slide-down .2s ease-out 1 forwards}.dnb-date-picker__container--opened--no-animation,html[data-visual-test] .dnb-date-picker__container--opened{animation:date-picker-slide-down 1ms ease-out 1 forwards}.dnb-date-picker__container--hidden{display:none}.dnb-date-picker__container--closed:not(.dnb-date-picker__container--closed--no-animation){animation:date-picker-slide-up .15s ease-out 1 forwards}.dnb-date-picker__container--closed--no-animation,html[data-visual-test] .dnb-date-picker__container--closed{animation:date-picker-slide-up 1ms ease-out 1 forwards}.dnb-date-picker__container--right .dnb-date-picker__triangle{left:auto;right:0}.dnb-date-picker__container table{margin:0;position:relative;z-index:1}.dnb-date-picker__container table.dnb-no-focus:focus{outline:none}html[data-whatinput=keyboard] .dnb-date-picker__container table.dnb-no-focus:focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-core-style .dnb-date-picker__input,.dnb-date-picker .dnb-input__input.dnb-date-picker__input,.dnb-date-picker__input{background:transparent;border:none;display:inline-block;font-family:var(--font-family-monospace);margin:0;outline:none;overflow:visible;padding:0 .125rem;text-align:center;transform:translateY(0);white-space:nowrap;width:auto}@supports (-webkit-appearance:none) and (not (overflow:-webkit-marquee)) and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)){.dnb-core-style .dnb-date-picker__input,.dnb-date-picker .dnb-input__input.dnb-date-picker__input,.dnb-date-picker__input{margin:0 -4px}}@supports (-ms-ime-align:auto){.dnb-core-style .dnb-date-picker__input,.dnb-date-picker .dnb-input__input.dnb-date-picker__input,.dnb-date-picker__input{margin:0 -5px}}@supports (-webkit-touch-callout:none){.dnb-core-style .dnb-date-picker__input,.dnb-date-picker .dnb-input__input.dnb-date-picker__input,.dnb-date-picker__input{text-indent:-2px}.dnb-core-style .dnb-date-picker__input:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:not(:root),.dnb-date-picker__input:not(:root){margin:0}}@supports (-webkit-appearance:none) and (stroke-color:transparent) and (not (-webkit-touch-callout:none)){.dnb-core-style .dnb-date-picker__input:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:not(:root),.dnb-date-picker__input:not(:root){margin:0 -4px}.dnb-core-style .dnb-date-picker__input:first-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:first-of-type:not(:root),.dnb-date-picker__input:first-of-type:not(:root){margin-left:.8rem}.dnb-core-style .dnb-date-picker__input:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input:last-of-type:not(:root),.dnb-date-picker__input:last-of-type:not(:root){margin-right:2.2rem}}.dnb-core-style .dnb-date-picker__input--small .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small,.dnb-core-style .dnb-date-picker__input--small--has-submit-element .dnb-core-style .dnb-date-picker__input--small__input,.dnb-core-style .dnb-date-picker__input--small--has-submit-element .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small__input,.dnb-core-style .dnb-date-picker__input--small--has-submit-element .dnb-date-picker__input--small__input,.dnb-core-style .dnb-date-picker__input--small.dnb-date-picker__input--small,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--small .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--small.dnb-date-picker__input--small,.dnb-date-picker__input--small .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small,.dnb-date-picker__input--small.dnb-date-picker__input--small{padding-right:.125rem}.dnb-core-style .dnb-date-picker__input--small:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input--small:last-of-type:not(:root),.dnb-date-picker__input--small:last-of-type:not(:root){margin-right:2.2rem}.dnb-core-style .dnb-date-picker__input--medium .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium,.dnb-core-style .dnb-date-picker__input--medium--has-submit-element .dnb-core-style .dnb-date-picker__input--medium__input,.dnb-core-style .dnb-date-picker__input--medium--has-submit-element .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium__input,.dnb-core-style .dnb-date-picker__input--medium--has-submit-element .dnb-date-picker__input--medium__input,.dnb-core-style .dnb-date-picker__input--medium.dnb-date-picker__input--medium,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium.dnb-date-picker__input--medium,.dnb-date-picker__input--medium .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium,.dnb-date-picker__input--medium.dnb-date-picker__input--medium{padding-right:.125rem}.dnb-core-style .dnb-date-picker__input--medium:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium:last-of-type:not(:root),.dnb-date-picker__input--medium:last-of-type:not(:root){margin-right:3.2rem}.dnb-core-style .dnb-date-picker__input--large .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large,.dnb-core-style .dnb-date-picker__input--large--has-submit-element .dnb-core-style .dnb-date-picker__input--large__input,.dnb-core-style .dnb-date-picker__input--large--has-submit-element .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large__input,.dnb-core-style .dnb-date-picker__input--large--has-submit-element .dnb-date-picker__input--large__input,.dnb-core-style .dnb-date-picker__input--large.dnb-date-picker__input--large,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--large .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--large.dnb-date-picker__input--large,.dnb-date-picker__input--large .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large,.dnb-date-picker__input--large.dnb-date-picker__input--large{padding-right:.125rem}.dnb-core-style .dnb-date-picker__input--large:last-of-type:not(:root),.dnb-date-picker .dnb-input__input.dnb-date-picker__input--large:last-of-type:not(:root),.dnb-date-picker__input--large:last-of-type:not(:root){margin-right:4rem}.dnb-core-style .dnb-date-picker__input--label-alignment-right,.dnb-date-picker .dnb-input__input.dnb-date-picker__input--label-alignment-right,.dnb-date-picker__input--label-alignment-right{flex-flow:row-reverse;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.dnb-date-picker .dnb-input__input.dnb-date-picker__input:first-of-type,.dnb-date-picker__input:first-of-type{margin-left:.8rem}.dnb-date-picker .dnb-input__input.dnb-date-picker__input:last-of-type,.dnb-date-picker__input:last-of-type{margin-right:2.2rem}.dnb-date-picker .dnb-input__shell{display:none}.dnb-date-picker--show-input .dnb-input__shell{display:flex}.dnb-date-picker:not(.dnb-date-picker--show-input) .dnb-input__status--error .dnb-input__shell{box-shadow:none}.dnb-input__submit-button button:focus~.dnb-date-picker__input__wrapper{display:block}.dnb-date-picker:not(.dnb-date-picker--show-input) .dnb-input__submit-element,.dnb-input__submit-element>.dnb-date-picker .dnb-input__submit-element{margin-left:0}.dnb-date-picker__views{display:flex;user-select:none;-webkit-user-select:none}@media screen and (max-width:60em){.dnb-date-picker__views{flex-direction:column}}.dnb-date-picker__calendar{padding:1rem;position:relative}.dnb-date-picker__calendar:after{bottom:0;content:"";height:1px;position:absolute;width:calc(100% - 2rem)}.dnb-date-picker:not(.dnb-date-picker--show-footer) .dnb-date-picker__calendar:after{content:none}.dnb-date-picker__header{line-height:var(--line-height-basis);min-height:2.5rem}.dnb-date-picker__addon,.dnb-date-picker__header{display:flex;justify-content:space-between;padding-bottom:1rem;position:relative}.dnb-date-picker__addon:after,.dnb-date-picker__header:after{bottom:0;content:"";height:1px;position:absolute;width:100%}.dnb-date-picker__addon{display:flex;flex-flow:row wrap;gap:1rem;justify-content:flex-start;padding:1rem}.dnb-date-picker__addon:after{left:1rem;width:calc(100% - 2rem)}.dnb-date-picker__footer{display:flex;justify-content:space-between;padding:1rem;position:relative}.dnb-date-picker__labels__day{padding-bottom:.5rem;padding-top:1.5rem}.dnb-date-picker__days,.dnb-date-picker__labels{display:flex;flex-wrap:wrap;list-style:none;margin:0;max-width:18rem;min-width:18rem;padding:0}.dnb-date-picker__day,.dnb-date-picker__labels__day{display:flex;flex-basis:14.2857142857%;justify-content:center}.dnb-date-picker__day{margin:var(--date-picker-day-horizontal-spacing) 0;position:relative}.dnb-date-picker__day,.dnb-date-picker__day .dnb-button{height:var(--date-picker-day-width);width:var(--date-picker-day-width)}.dnb-date-picker__day .dnb-button{box-shadow:none;position:absolute;top:0;white-space:nowrap}.dnb-date-picker__day .dnb-button__bounding{border-radius:0;transform:scale(1.28)}.dnb-date-picker__day .dnb-button__text{transform:translateY(0)}.dnb-date-picker__day--selectable:hover{z-index:2}.dnb-date-picker__day--end-date .dnb-button,.dnb-date-picker__day--start-date .dnb-button{z-index:1}.dnb-date-picker__day--end-date,.dnb-date-picker__day--start-date{position:relative}.dnb-date-picker__day--end-date:after,.dnb-date-picker__day--start-date:after{content:"";height:100%;position:absolute;top:0;width:calc(var(--date-picker-day-width)/2)}.dnb-date-picker__day--start-date:after{left:auto;right:0}.dnb-date-picker__day--end-date:after{left:0;right:auto}.dnb-date-picker__day--start-date.dnb-date-picker__day--end-date:after{content:none}.dnb-date-picker .rtl{direction:rtl}.dnb-date-picker .rtl .dnb-date-picker__next:before,.dnb-date-picker .rtl .dnb-date-picker__prev:before{transform:scaleX(-1)}.dnb-date-picker__inner>.dnb-form-status{margin-top:.5rem;order:2}.dnb-date-picker--vertical{align-items:flex-start;display:flex;flex-direction:column}.dnb-date-picker>.dnb-form-label{line-height:var(--line-height-basis);margin-right:0}@media screen and (max-width:40em){.dnb-date-picker{flex-wrap:wrap}.dnb-date-picker>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-date-picker--stretch{display:flex;flex-grow:1}.dnb-date-picker--stretch .dnb-date-picker__inner,.dnb-date-picker--stretch .dnb-date-picker__shell,.dnb-form-row--horizontal .dnb-date-picker--stretch{width:100%}.dnb-date-picker:not(.dnb-date-picker--vertical)[class=__status]{align-items:flex-start}.dnb-date-picker:not(.dnb-date-picker--vertical)[class=__status]>.dnb-form-label{margin-top:.25rem}.dnb-date-picker:not(.dnb-date-picker--show-input) .dnb-input__submit-button .dnb-button{border-radius:50%}@media screen and (max-width:40em){.dnb-responsive-component .dnb-date-picker{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:.5rem}.dnb-responsive-component .dnb-date-picker>.dnb-form-label{margin-bottom:.5rem}.dnb-responsive-component .dnb-date-picker__helper{display:none}}.dnb-date-picker .dnb-input__submit-button .dnb-button.dnb-skeleton{visibility:hidden}.dnb-core-style .dnb-date-picker__fieldset,.dnb-date-picker__fieldset{border:none;padding:0}.dnb-core-style .dnb-date-picker__fieldset:not([class=space__top]),.dnb-date-picker__fieldset:not([class=space__top]){margin-top:0}.dnb-core-style .dnb-date-picker__fieldset:not([class=space__bottom]),.dnb-date-picker__fieldset:not([class=space__bottom]){margin-bottom:0}.dnb-core-style .dnb-date-picker__fieldset:not([class=space__left]),.dnb-date-picker__fieldset:not([class=space__left]){margin-left:0}.dnb-core-style .dnb-date-picker__fieldset:not([class=space__right]),.dnb-date-picker__fieldset:not([class=space__right]){margin-right:0}.dnb-date-picker__portal{--date-picker-input-height:2rem;--date-picker-day-width:2rem;--date-picker-day-horizontal-spacing:4px;left:0;line-height:var(--date-picker-input-height);position:absolute;z-index:calc(var(--modal-z-index) + 10)}@keyframes date-picker-slide-down{0%{opacity:0}to{opacity:1}}@keyframes date-picker-slide-up{0%{opacity:1}to{opacity:0}}

package/es/components/date-picker/style/dnb-date-picker.scss CHANGED Viewed

@@ -303,7 +303,7 @@
   }
   &__header {
-    height: 2.5rem;
+    min-height: 2.5rem;
     line-height: var(--line-height-basis);
   }

package/es/components/date-picker/style/themes/dnb-date-picker-theme-ui.css CHANGED Viewed

@@ -25,9 +25,26 @@
 .dnb-date-picker__addon::after, .dnb-date-picker__calendar::after {
   background-color: var(--color-black-8);
 }
+.dnb-date-picker__header {
+  --gap: 0.25rem;
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: space-between;
+  gap: var(--gap);
+}
 .dnb-date-picker__header::after {
   background-color: var(--color-black-8);
 }
+.dnb-date-picker__header__row {
+  min-width: 60%;
+  display: flex;
+  flex: 1 1 auto;
+  align-items: center;
+  justify-content: space-between;
+}
+.dnb-date-picker__header__row--year {
+  min-width: calc(40% - var(--gap));
+}
 .dnb-date-picker__header__nav .dnb-button {
   box-shadow: none;
 }

package/es/components/date-picker/style/themes/dnb-date-picker-theme-ui.min.css CHANGED Viewed

	@@ -1 +1 @@
1	- .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input~.dnb-date-picker--separator{color:var(--color-black-55)}.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input--highlight:not([disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input--highlight:not([disabled])~.dnb-date-picker--separator{color:var(--color-black)}.dnb-date-picker__container{background-color:var(--color-white);border-radius:.25rem;box-shadow:var(--shadow-default)}.dnb-date-picker__addon:after,.dnb-date-picker__calendar:after,.dnb-date-picker__header:after{background-color:var(--color-black-8)}.dnb-date-picker__header__nav .dnb-button{box-shadow:none}.dnb-date-picker__header__title{font-size:var(--font-size-basis);text-align:center}.dnb-date-picker__header__title,.dnb-date-picker__labels__day{color:var(--color-black-80);font-weight:var(--font-weight-medium);text-transform:capitalize}.dnb-date-picker__day,.dnb-date-picker__labels__day{text-align:center}.dnb-date-picker__day--today .dnb-button{font-weight:var(--font-weight-medium)}.dnb-date-picker__day--inactive .dnb-button,.dnb-date-picker__day--preview .dnb-button,.dnb-date-picker__day--within-selection:not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date) .dnb-button:not(:hover){background-color:transparent}.dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive):after,.dnb-date-picker__day--preview:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date),.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive):after,.dnb-date-picker__day--within-selection:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date){background-color:var(--color-mint-green-50)}.dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive) .dnb-button,.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive) .dnb-button{background-color:var(--color-emerald-green);color:var(--color-mint-green-25)}.dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--preview) .dnb-button:hover,.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--preview) .dnb-button:hover{box-shadow:none}html:not([data-whatintent=touch]) .dnb-date-picker__day--end-date.dnb-date-picker__day--within-selection .dnb-button:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-date-picker__day--start-date.dnb-date-picker__day--within-selection .dnb-button:hover:not([disabled]){background-color:var(--color-emerald-green);color:var(--color-mint-green-25)}.dnb-date-picker__day--disabled .dnb-button{-webkit-text-decoration:line-through;text-decoration:line-through}.dnb-date-picker__day--inactive .dnb-button{color:var(--color-black-55)}.dnb-date-picker__day--disabled .dnb-button[disabled],.dnb-date-picker__day--inactive .dnb-button[disabled]{box-shadow:none}html:not([data-whatintent=touch]) .dnb-date-picker__day--inactive .dnb-button[disabled]{cursor:default}.dnb-date-picker--opened .dnb-input .dnb-input__shell,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{--border-color:var(--color-sea-green);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-date-picker--opened .dnb-input .dnb-input__submit-button__button.dnb-button--secondary,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button.dnb-button--secondary{background-color:var(--color-sea-green);color:var(--color-white)}.dnb-date-picker--opened .dnb-input .dnb-input__submit-button__button.dnb-button--secondary:after,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button.dnb-button--secondary:after{background-color:inherit}.dnb-date-picker__triangle:before{background-color:var(--color-white);border:none;box-shadow:var(--shadow-default)}.dnb-date-picker__status--error:not(.dnb-date-picker--opened) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{--border-color:var(--color-fire-red);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}
1	+ .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input~.dnb-date-picker--separator{color:var(--color-black-55)}.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input--highlight:not([disabled]),.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input--highlight:not([disabled])~.dnb-date-picker--separator{color:var(--color-black)}.dnb-date-picker__container{background-color:var(--color-white);border-radius:.25rem;box-shadow:var(--shadow-default)}.dnb-date-picker__addon:after,.dnb-date-picker__calendar:after{background-color:var(--color-black-8)}.dnb-date-picker__header{--gap:0.25rem;display:flex;flex-flow:row wrap;gap:var(--gap);justify-content:space-between}.dnb-date-picker__header:after{background-color:var(--color-black-8)}.dnb-date-picker__header__row{align-items:center;display:flex;flex:1 1 auto;justify-content:space-between;min-width:60%}.dnb-date-picker__header__row--year{min-width:calc(40% - var(--gap))}.dnb-date-picker__header__nav .dnb-button{box-shadow:none}.dnb-date-picker__header__title{font-size:var(--font-size-basis);text-align:center}.dnb-date-picker__header__title,.dnb-date-picker__labels__day{color:var(--color-black-80);font-weight:var(--font-weight-medium);text-transform:capitalize}.dnb-date-picker__day,.dnb-date-picker__labels__day{text-align:center}.dnb-date-picker__day--today .dnb-button{font-weight:var(--font-weight-medium)}.dnb-date-picker__day--inactive .dnb-button,.dnb-date-picker__day--preview .dnb-button,.dnb-date-picker__day--within-selection:not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date) .dnb-button:not(:hover){background-color:transparent}.dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive):after,.dnb-date-picker__day--preview:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date),.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive):after,.dnb-date-picker__day--within-selection:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date){background-color:var(--color-mint-green-50)}.dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive) .dnb-button,.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive) .dnb-button{background-color:var(--color-emerald-green);color:var(--color-mint-green-25)}.dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--preview) .dnb-button:hover,.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--preview) .dnb-button:hover{box-shadow:none}html:not([data-whatintent=touch]) .dnb-date-picker__day--end-date.dnb-date-picker__day--within-selection .dnb-button:hover:not([disabled]),html:not([data-whatintent=touch]) .dnb-date-picker__day--start-date.dnb-date-picker__day--within-selection .dnb-button:hover:not([disabled]){background-color:var(--color-emerald-green);color:var(--color-mint-green-25)}.dnb-date-picker__day--disabled .dnb-button{-webkit-text-decoration:line-through;text-decoration:line-through}.dnb-date-picker__day--inactive .dnb-button{color:var(--color-black-55)}.dnb-date-picker__day--disabled .dnb-button[disabled],.dnb-date-picker__day--inactive .dnb-button[disabled]{box-shadow:none}html:not([data-whatintent=touch]) .dnb-date-picker__day--inactive .dnb-button[disabled]{cursor:default}.dnb-date-picker--opened .dnb-input .dnb-input__shell,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{--border-color:var(--color-sea-green);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-date-picker--opened .dnb-input .dnb-input__submit-button__button.dnb-button--secondary,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button.dnb-button--secondary{background-color:var(--color-sea-green);color:var(--color-white)}.dnb-date-picker--opened .dnb-input .dnb-input__submit-button__button.dnb-button--secondary:after,.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button.dnb-button--secondary:after{background-color:inherit}.dnb-date-picker__triangle:before{background-color:var(--color-white);border:none;box-shadow:var(--shadow-default)}.dnb-date-picker__status--error:not(.dnb-date-picker--opened) .dnb-form-label:hover~.dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell{--border-color:var(--color-fire-red);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}

package/es/components/date-picker/style/themes/dnb-date-picker-theme-ui.scss CHANGED Viewed

@@ -37,11 +37,30 @@
   }
   &__header {
+    --gap: 0.25rem;
+    display: flex;
+    flex-flow: row wrap;
+    justify-content: space-between;
+    gap: var(--gap);
     // border
     &::after {
       background-color: var(--color-black-8);
     }
+    &__row {
+      min-width: 60%;
+      display: flex;
+      flex: 1 1 auto;
+      align-items: center;
+      justify-content: space-between;
+      &--year {
+        min-width: calc(40% - var(--gap));
+      }
+    }
     &__nav .dnb-button {
       box-shadow: none;
     }

package/es/components/drawer/Drawer.js CHANGED Viewed

@@ -107,6 +107,7 @@ function Drawer(_ref) {
     containerPlacement
   }));
   return React.createElement(Modal, _extends({}, context.Drawer, modalProps, {
+    fullscreen: false,
     contentClass: classnames('dnb-drawer__root', contentClass)
   }), React.createElement(DrawerContent, _extends({}, context.Drawer, drawerProps)));
 }