@entur/datepicker 10.1.3 → 11.0.1-beta.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.
- package/README.md +2 -2
- package/dist/DatePicker/Calendar.d.ts +5 -2
- package/dist/DatePicker/DateField.d.ts +31 -9
- package/dist/DatePicker/DatePicker.d.ts +4 -72
- package/dist/TimePicker/TimePicker.d.ts +1 -1
- package/dist/datepicker.cjs.development.js +72 -65
- package/dist/datepicker.cjs.development.js.map +1 -1
- package/dist/datepicker.cjs.production.min.js +1 -1
- package/dist/datepicker.cjs.production.min.js.map +1 -1
- package/dist/datepicker.esm.js +73 -67
- package/dist/datepicker.esm.js.map +1 -1
- package/dist/shared/utils.d.ts +8 -1
- package/dist/styles.css +62 -56
- package/package.json +11 -11
package/dist/shared/utils.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ZonedDateTime, CalendarDateTime, Time, DateValue, CalendarDate } from '@internationalized/date';
|
|
2
|
-
import { TimeValue } from '@react-types/datepicker';
|
|
2
|
+
import { MappedDateValue, TimeValue } from '@react-types/datepicker';
|
|
3
3
|
import { Calendar } from '@internationalized/date';
|
|
4
4
|
/**
|
|
5
5
|
* 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;
|
|
|
38
38
|
export declare const focusSegment: (ref: React.RefObject<HTMLDivElement>, segment: "first" | "last") => void;
|
|
39
39
|
/** Based on code from https://stackoverflow.com/questions/6117814/get-week-of-year-in-javascript-like-in-php */
|
|
40
40
|
export declare function getWeekNumberForDate(date: DateValue | null): number;
|
|
41
|
+
export type ForcedReturnType = 'CalendarDate' | 'CalendarDateTime' | 'ZonedDateTime' | undefined;
|
|
42
|
+
export declare function handleOnChange<DateType extends DateValue>({ value, selectedDate, forcedReturnType, onChange, }: {
|
|
43
|
+
value: MappedDateValue<DateType> | null;
|
|
44
|
+
selectedDate: DateType | null;
|
|
45
|
+
forcedReturnType: ForcedReturnType;
|
|
46
|
+
onChange?: ((value: MappedDateValue<DateType> | null) => void) | ((value: DateValue | null) => void);
|
|
47
|
+
}): void;
|
package/dist/styles.css
CHANGED
|
@@ -1,61 +1,5 @@
|
|
|
1
1
|
/* DO NOT CHANGE!*/
|
|
2
2
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
3
|
-
.eds-date-and-time-field__segment {
|
|
4
|
-
margin-top: 1rem;
|
|
5
|
-
padding: 0 2px;
|
|
6
|
-
font-feature-settings: "tnum";
|
|
7
|
-
font-variant-numeric: tabular-nums;
|
|
8
|
-
text-align: right;
|
|
9
|
-
}
|
|
10
|
-
.eds-date-and-time-field__segment--placeholder {
|
|
11
|
-
color: var(--components-datepicker-datefield-standard-text-content);
|
|
12
|
-
}
|
|
13
|
-
.eds-date-and-time-field__segment--dot-separator {
|
|
14
|
-
margin-left: -0.1rem;
|
|
15
|
-
margin-right: -0.2rem;
|
|
16
|
-
}
|
|
17
|
-
.eds-date-and-time-field__segment:focus-visible {
|
|
18
|
-
background-color: var(--components-button-iconbutton-standard-active);
|
|
19
|
-
outline: transparent;
|
|
20
|
-
border-radius: 0.0625rem;
|
|
21
|
-
}
|
|
22
|
-
.eds-date-and-time-field__segment[aria-valuemax="9999"] {
|
|
23
|
-
min-width: 4ch;
|
|
24
|
-
}
|
|
25
|
-
/* DO NOT CHANGE!*/
|
|
26
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
27
|
-
.eds-datepicker.eds-datefield:not(.eds-datepicker--disabled) .eds-form-control-wrapper {
|
|
28
|
-
padding-right: 0rem;
|
|
29
|
-
}
|
|
30
|
-
.eds-datepicker.eds-datefield:not(.eds-datepicker--disabled) .eds-form-control__append {
|
|
31
|
-
margin-left: auto;
|
|
32
|
-
}
|
|
33
|
-
.eds-datepicker__open-calendar-button {
|
|
34
|
-
margin: 0rem 0.25rem 0rem 0.5rem;
|
|
35
|
-
}
|
|
36
|
-
.eds-datepicker__open-calendar-button.eds-icon-button {
|
|
37
|
-
color: var(--components-datepicker-calendar-icon);
|
|
38
|
-
}
|
|
39
|
-
.eds-datepicker__open-calendar-button.eds-icon-button:hover {
|
|
40
|
-
background-color: var(--components-button-iconbutton-standard-hover);
|
|
41
|
-
}
|
|
42
|
-
.eds-datepicker__open-calendar-button.eds-icon-button:focus-visible {
|
|
43
|
-
outline: 2px solid #181c56;
|
|
44
|
-
outline-color: var(--basecolors-stroke-focus-standard);
|
|
45
|
-
outline-offset: 0.125rem;
|
|
46
|
-
}
|
|
47
|
-
.eds-datepicker__open-calendar-button.eds-icon-button:active {
|
|
48
|
-
background-color: var(--components-button-iconbutton-standard-active);
|
|
49
|
-
}
|
|
50
|
-
.eds-datepicker__calendar-modal.eds-modal__content {
|
|
51
|
-
padding: 0;
|
|
52
|
-
padding: initial;
|
|
53
|
-
width: inherit;
|
|
54
|
-
background-color: transparent;
|
|
55
|
-
background-color: initial;
|
|
56
|
-
}
|
|
57
|
-
/* DO NOT CHANGE!*/
|
|
58
|
-
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
59
3
|
.eds-datepicker__calendar,
|
|
60
4
|
.eds-contrast .eds-datepicker__calendar {
|
|
61
5
|
width: -moz-fit-content;
|
|
@@ -196,6 +140,62 @@
|
|
|
196
140
|
}
|
|
197
141
|
/* DO NOT CHANGE!*/
|
|
198
142
|
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
143
|
+
.eds-date-and-time-field__segment {
|
|
144
|
+
margin-top: 1rem;
|
|
145
|
+
padding: 0 2px;
|
|
146
|
+
font-feature-settings: "tnum";
|
|
147
|
+
font-variant-numeric: tabular-nums;
|
|
148
|
+
text-align: right;
|
|
149
|
+
}
|
|
150
|
+
.eds-date-and-time-field__segment--placeholder {
|
|
151
|
+
color: var(--components-datepicker-datefield-standard-text-content);
|
|
152
|
+
}
|
|
153
|
+
.eds-date-and-time-field__segment--dot-separator {
|
|
154
|
+
margin-left: -0.1rem;
|
|
155
|
+
margin-right: -0.2rem;
|
|
156
|
+
}
|
|
157
|
+
.eds-date-and-time-field__segment:focus-visible {
|
|
158
|
+
background-color: var(--components-button-iconbutton-standard-active);
|
|
159
|
+
outline: transparent;
|
|
160
|
+
border-radius: 0.0625rem;
|
|
161
|
+
}
|
|
162
|
+
.eds-date-and-time-field__segment[aria-valuemax="9999"] {
|
|
163
|
+
min-width: 4ch;
|
|
164
|
+
}
|
|
165
|
+
/* DO NOT CHANGE!*/
|
|
166
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
167
|
+
.eds-datepicker.eds-datefield:not(.eds-datepicker--disabled) .eds-form-control-wrapper {
|
|
168
|
+
padding-right: 0rem;
|
|
169
|
+
}
|
|
170
|
+
.eds-datepicker.eds-datefield:not(.eds-datepicker--disabled) .eds-form-control__append {
|
|
171
|
+
margin-left: auto;
|
|
172
|
+
}
|
|
173
|
+
.eds-datepicker__open-calendar-button {
|
|
174
|
+
margin: 0rem 0.25rem 0rem 0.5rem;
|
|
175
|
+
}
|
|
176
|
+
.eds-datepicker__open-calendar-button.eds-icon-button {
|
|
177
|
+
color: var(--components-datepicker-calendar-icon);
|
|
178
|
+
}
|
|
179
|
+
.eds-datepicker__open-calendar-button.eds-icon-button:hover {
|
|
180
|
+
background-color: var(--components-button-iconbutton-standard-hover);
|
|
181
|
+
}
|
|
182
|
+
.eds-datepicker__open-calendar-button.eds-icon-button:focus-visible {
|
|
183
|
+
outline: 2px solid #181c56;
|
|
184
|
+
outline-color: var(--basecolors-stroke-focus-standard);
|
|
185
|
+
outline-offset: 0.125rem;
|
|
186
|
+
}
|
|
187
|
+
.eds-datepicker__open-calendar-button.eds-icon-button:active {
|
|
188
|
+
background-color: var(--components-button-iconbutton-standard-active);
|
|
189
|
+
}
|
|
190
|
+
.eds-datepicker__calendar-modal.eds-modal__content {
|
|
191
|
+
padding: 0;
|
|
192
|
+
padding: initial;
|
|
193
|
+
width: inherit;
|
|
194
|
+
background-color: transparent;
|
|
195
|
+
background-color: initial;
|
|
196
|
+
}
|
|
197
|
+
/* DO NOT CHANGE!*/
|
|
198
|
+
/* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
|
|
199
199
|
.eds-datefield {
|
|
200
200
|
width: -moz-fit-content;
|
|
201
201
|
width: fit-content;
|
|
@@ -224,6 +224,12 @@
|
|
|
224
224
|
padding-left: 1rem;
|
|
225
225
|
padding-right: 1rem;
|
|
226
226
|
}
|
|
227
|
+
.eds-timepicker .eds-form-control__prepend {
|
|
228
|
+
margin-right: 0.25rem;
|
|
229
|
+
}
|
|
230
|
+
.eds-timepicker .eds-form-control__append {
|
|
231
|
+
margin-left: 0.25rem;
|
|
232
|
+
}
|
|
227
233
|
.eds-timepicker .eds-form-control-wrapper {
|
|
228
234
|
padding: 0rem;
|
|
229
235
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@entur/datepicker",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "11.0.1-beta.0",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/datepicker.esm.js",
|
|
@@ -27,15 +27,15 @@
|
|
|
27
27
|
"react-dom": ">=16.8.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@entur/a11y": "^0.2.
|
|
31
|
-
"@entur/button": "^3.3.
|
|
32
|
-
"@entur/form": "^8.2.
|
|
33
|
-
"@entur/icons": "^7.
|
|
34
|
-
"@entur/modal": "^1.7.
|
|
35
|
-
"@entur/tokens": "^3.
|
|
36
|
-
"@entur/tooltip": "^5.2.
|
|
37
|
-
"@entur/typography": "^1.9.
|
|
38
|
-
"@entur/utils": "^0.12.
|
|
30
|
+
"@entur/a11y": "^0.2.98",
|
|
31
|
+
"@entur/button": "^3.3.4",
|
|
32
|
+
"@entur/form": "^8.2.5-beta.0",
|
|
33
|
+
"@entur/icons": "^7.8.0",
|
|
34
|
+
"@entur/modal": "^1.7.64",
|
|
35
|
+
"@entur/tokens": "^3.19.0",
|
|
36
|
+
"@entur/tooltip": "^5.2.4",
|
|
37
|
+
"@entur/typography": "^1.9.4",
|
|
38
|
+
"@entur/utils": "^0.12.3",
|
|
39
39
|
"@floating-ui/react-dom": "^2.1.0",
|
|
40
40
|
"@internationalized/date": "^3.4.0",
|
|
41
41
|
"@react-aria/button": "^3.6.4",
|
|
@@ -51,5 +51,5 @@
|
|
|
51
51
|
"@react-types/datepicker": "^3.9.0",
|
|
52
52
|
"dts-cli": "2.0.5"
|
|
53
53
|
},
|
|
54
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "1437e501a9a5ad8c806c7c1cccc6e399765c0638"
|
|
55
55
|
}
|