grep-components 2.23.0 → 2.23.1-GREPF-2925.1

package/dist/components/GrepDatePicker/stories/DatePicker.stories.d.ts

@@ -13,3 +13,4 @@ export declare const WithError: Story;
 export declare const WithHelperText: Story;
 export declare const WithClearText: Story;
 export declare const WithMoreControls: Story;
+export declare const WithMinMaxDates: Story;

package/dist/index.js

@@ -3138,14 +3138,24 @@ const GrepDatePicker = ({ id, label, value, variant, errorMessage, fullWidth, re
                         setError('Ugyldig dato');
                         break;
                     case 'maxDate':
-                        setError(`Dato må være før ${dayjs(props.maxDate)
-                            .add(1, 'day')
-                            .format('DD/MM/YYYY')}`);
+                        if (!props.maxDate) {
+                            props.maxDate = dayjs('31/12/2089', 'DD/MM/YYYY');
+                        }
+                        if (props.maxDate) {
+                            setError(`Dato må være før ${dayjs(props.maxDate)
+                                .add(1, 'day')
+                                .format('DD/MM/YYYY')}`);
+                        }
                         break;
                     case 'minDate':
-                        setError(`Dato må være etter ${dayjs(props.minDate)
-                            .subtract(1, 'day')
-                            .format('DD/MM/YYYY')}`);
+                        if (!props.minDate) {
+                            props.minDate = dayjs('02/01/1900', 'DD/MM/YYYY');
+                        }
+                        if (props.minDate) {
+                            setError(`Dato må være etter ${dayjs(props.minDate)
+                                .subtract(1, 'day')
+                                .format('DD/MM/YYYY')}`);
+                        }
                         break;
                     default:
                         setError(undefined);
@@ -3169,18 +3179,16 @@ const GrepDatePicker = ({ id, label, value, variant, errorMessage, fullWidth, re
             }, ...props })));
 };
 
-const GrepDateRange = ({ onChange, spacing = 3, style, fullWidth, clearable, from: fromProperties, to: toProperties, ...properties }) => {
+const GrepDateRange = ({ onChange, spacing = 3, style, fullWidth, from: fromProperties, to: toProperties, ...properties }) => {
     const [from, setFrom] = useDate(fromProperties.value);
     const [to, setTo] = useDate(toProperties.value);
     const { minDate, maxDate, ...commonProperties } = properties;
-    useEffect(() => {
-        onChange(new DateRangeValue(from ? String(from) : from, to ? String(to) : to));
-    }, [String(from), String(to)]);
+    useEffect(() => onChange(new DateRangeValue(from ? String(from) : from, to ? String(to) : to)), [String(from), String(to)]);
     return (React__default.createElement(Grid, { container: true, spacing: spacing, style: style },
         React__default.createElement(Grid, { size: { xs: 12, sm: fullWidth ? 12 : 6 } },
-            React__default.createElement(GrepDatePicker, { id: String(fromProperties.label), fullWidth: true, minDate: minDate, ...commonProperties, ...fromProperties, value: from, maxDate: to?.subtract(1, 'day') || undefined, onChange: setFrom, clearable: clearable || fromProperties.clearable })),
+            React__default.createElement(GrepDatePicker, { id: String(fromProperties.label), fullWidth: true, minDate: minDate, ...commonProperties, ...fromProperties, value: from, maxDate: to?.subtract(1, 'day') || undefined, onChange: setFrom })),
         React__default.createElement(Grid, { size: { xs: 12, sm: fullWidth ? 12 : 6 } },
-            React__default.createElement(GrepDatePicker, { id: String(toProperties.label), fullWidth: true, maxDate: maxDate, ...commonProperties, ...toProperties, value: to, minDate: from?.add(1, 'day') || undefined, onChange: setTo, clearable: clearable || toProperties.clearable }))));
+            React__default.createElement(GrepDatePicker, { id: String(toProperties.label), fullWidth: true, maxDate: maxDate, ...commonProperties, ...toProperties, value: to, minDate: from?.add(1, 'day') || undefined, onChange: setTo }))));
 };
 
 const renderField = ({ key, value }) => (React.createElement(Box$1, { key: key, sx: { display: 'flex', marginRight: '20px' } },