@entur/datepicker 10.1.2 → 11.0.0

package/dist/shared/utils.d.ts

@@ -1,5 +1,5 @@
 import { ZonedDateTime, CalendarDateTime, Time, DateValue, CalendarDate } from '@internationalized/date';
-import { TimeValue } from '@react-types/datepicker';
+import { MappedDateValue, TimeValue } from '@react-types/datepicker';
 import { Calendar } from '@internationalized/date';
 /**
  * Tar inn et JS Date-objekt og returnerer et av DateValue-objektene fra @internationalized/date-pakken
@@ -38,3 +38,10 @@ export declare const modulo: (a: number, b: number) => number;
 export declare const focusSegment: (ref: React.RefObject<HTMLDivElement>, segment: "first" | "last") => void;
 /** Based on code from https://stackoverflow.com/questions/6117814/get-week-of-year-in-javascript-like-in-php */
 export declare function getWeekNumberForDate(date: DateValue | null): number;
+export type ForcedReturnType = 'CalendarDate' | 'CalendarDateTime' | 'ZonedDateTime' | undefined;
+export declare function handleOnChange<DateType extends DateValue>({ value, selectedDate, forcedReturnType, onChange, }: {
+    value: MappedDateValue<DateType> | null;
+    selectedDate: DateType | null;
+    forcedReturnType: ForcedReturnType;
+    onChange?: ((value: MappedDateValue<DateType> | null) => void) | ((value: DateValue | null) => void);
+}): void;

package/dist/styles.css

@@ -1,5 +1,29 @@
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
+.eds-date-and-time-field__segment {
+  margin-top: 1rem;
+  padding: 0 2px;
+  font-feature-settings: "tnum";
+  font-variant-numeric: tabular-nums;
+  text-align: right;
+}
+.eds-date-and-time-field__segment--placeholder {
+  color: var(--components-datepicker-datefield-standard-text-content);
+}
+.eds-date-and-time-field__segment--dot-separator {
+  margin-left: -0.1rem;
+  margin-right: -0.2rem;
+}
+.eds-date-and-time-field__segment:focus-visible {
+  background-color: var(--components-button-iconbutton-standard-active);
+  outline: transparent;
+  border-radius: 0.0625rem;
+}
+.eds-date-and-time-field__segment[aria-valuemax="9999"] {
+  min-width: 4ch;
+}
+/* DO NOT CHANGE!*/
+/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eds-datepicker__calendar,
 .eds-contrast .eds-datepicker__calendar {
   width: -moz-fit-content;
@@ -140,30 +164,6 @@
 }
 /* DO NOT CHANGE!*/
 /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
-.eds-date-and-time-field__segment {
-  margin-top: 1rem;
-  padding: 0 2px;
-  font-feature-settings: "tnum";
-  font-variant-numeric: tabular-nums;
-  text-align: right;
-}
-.eds-date-and-time-field__segment--placeholder {
-  color: var(--components-datepicker-datefield-standard-text-content);
-}
-.eds-date-and-time-field__segment--dot-separator {
-  margin-left: -0.1rem;
-  margin-right: -0.2rem;
-}
-.eds-date-and-time-field__segment:focus-visible {
-  background-color: var(--components-button-iconbutton-standard-active);
-  outline: transparent;
-  border-radius: 0.0625rem;
-}
-.eds-date-and-time-field__segment[aria-valuemax="9999"] {
-  min-width: 4ch;
-}
-/* DO NOT CHANGE!*/
-/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
 .eds-datefield {
   width: -moz-fit-content;
   width: fit-content;
@@ -224,6 +224,12 @@
   padding-left: 1rem;
   padding-right: 1rem;
 }
+.eds-timepicker .eds-form-control__prepend {
+  margin-right: 0.25rem;
+}
+.eds-timepicker .eds-form-control__append {
+  margin-left: 0.25rem;
+}
 .eds-timepicker .eds-form-control-wrapper {
   padding: 0rem;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entur/datepicker",
-  "version": "10.1.2",
+  "version": "11.0.0",
   "license": "EUPL-1.2",
   "main": "dist/index.js",
   "module": "dist/datepicker.esm.js",
@@ -27,15 +27,15 @@
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@entur/a11y": "^0.2.96",
-    "@entur/button": "^3.3.2",
-    "@entur/form": "^8.2.2",
-    "@entur/icons": "^7.7.0",
-    "@entur/modal": "^1.7.62",
-    "@entur/tokens": "^3.17.6",
-    "@entur/tooltip": "^5.2.2",
-    "@entur/typography": "^1.9.2",
-    "@entur/utils": "^0.12.2",
+    "@entur/a11y": "^0.2.98",
+    "@entur/button": "^3.3.4",
+    "@entur/form": "^8.2.4",
+    "@entur/icons": "^7.8.0",
+    "@entur/modal": "^1.7.64",
+    "@entur/tokens": "^3.19.0",
+    "@entur/tooltip": "^5.2.4",
+    "@entur/typography": "^1.9.4",
+    "@entur/utils": "^0.12.3",
     "@floating-ui/react-dom": "^2.1.0",
     "@internationalized/date": "^3.4.0",
     "@react-aria/button": "^3.6.4",
@@ -51,5 +51,5 @@
     "@react-types/datepicker": "^3.9.0",
     "dts-cli": "2.0.5"
   },
-  "gitHead": "7c03f458e9c34f5e0fd4f2d23c8eb6a6e47fb669"
+  "gitHead": "bfd8f62e4735cc13d55e50bc8747535d72aaf679"
 }