@entur/datepicker 0.10.6 → 0.11.1

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 (13) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/dist/DatePicker.d.ts +32 -8
  3. package/dist/NativeDatePicker.d.ts +1 -1
  4. package/dist/NativeTimePicker.d.ts +1 -1
  5. package/dist/TimePicker.d.ts +1 -1
  6. package/dist/datepicker.cjs.development.js +171 -70
  7. package/dist/datepicker.cjs.development.js.map +1 -1
  8. package/dist/datepicker.cjs.production.min.js +1 -1
  9. package/dist/datepicker.cjs.production.min.js.map +1 -1
  10. package/dist/datepicker.esm.js +133 -35
  11. package/dist/datepicker.esm.js.map +1 -1
  12. package/dist/styles.css +3 -0
  13. package/package.json +12 -12
package/CHANGELOG.md CHANGED
@@ -3,6 +3,32 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [0.11.1](https://bitbucket.org/enturas/design-system/compare/@entur/datepicker@0.11.0...@entur/datepicker@0.11.1) (2022-02-14)
7
+
8
+ ### Bug Fixes
9
+
10
+ - **datepicker:** fix default value for date not working ([283734a](https://bitbucket.org/enturas/design-system/commits/283734af696c1ed5ddb13232c8a7c3a4916551b0))
11
+
12
+ # [0.11.0](https://bitbucket.org/enturas/design-system/compare/@entur/datepicker@0.10.8...@entur/datepicker@0.11.0) (2022-02-09)
13
+
14
+ ### Features
15
+
16
+ - **date picker:** add visual date validation to date picker and hideCalendar prop ([aae7cbf](https://bitbucket.org/enturas/design-system/commits/aae7cbfe4e02c1e5ebc676c1e083f74c54bafbbb))
17
+
18
+ ### BREAKING CHANGES
19
+
20
+ - **date picker:** - Validation icon introduces visual changes. Use hideFeedback to remove.
21
+
22
+ * dateFormat prop removed
23
+
24
+ ## [0.10.8](https://bitbucket.org/enturas/design-system/compare/@entur/datepicker@0.10.7...@entur/datepicker@0.10.8) (2022-01-21)
25
+
26
+ **Note:** Version bump only for package @entur/datepicker
27
+
28
+ ## [0.10.7](https://bitbucket.org/enturas/design-system/compare/@entur/datepicker@0.10.6...@entur/datepicker@0.10.7) (2022-01-05)
29
+
30
+ **Note:** Version bump only for package @entur/datepicker
31
+
6
32
  ## [0.10.6](https://bitbucket.org/enturas/design-system/compare/@entur/datepicker@0.10.5...@entur/datepicker@0.10.6) (2021-12-10)
7
33
 
8
34
  **Note:** Version bump only for package @entur/datepicker
package/dist/DatePicker.d.ts CHANGED
@@ -8,16 +8,20 @@ export declare type DatePickerProps = {
8
8
  /** Kalles når datoen/tiden endres */
9
9
  onChange: (date: Date | null, event: React.SyntheticEvent<any, Event>) => void;
10
10
  /** Placeholder om ingen dato er valgt
11
- * @default "Velg dato"
11
+ * @default "dd.mm.yyyy"
12
12
  */
13
13
  placeholder?: string;
14
14
  /** Ekstra klassenavn */
15
15
  className?: string;
16
16
  /** Label over DatePicker */
17
17
  label: string;
18
- /** Varselmelding, som vil komme under DatePicker */
18
+ /** Varselmelding, som vil komme under DatePicker
19
+ * @default "Ugyldig dato"
20
+ */
19
21
  feedback?: string;
20
- /** Valideringsvariant */
22
+ /** Valideringsvariant
23
+ * @default "error"
24
+ */
21
25
  variant?: VariantType;
22
26
  style?: React.CSSProperties;
23
27
  /** Plasserer labelen statisk på toppen av inputfeltet
@@ -32,6 +36,14 @@ export declare type DatePickerProps = {
32
36
  * @default false
33
37
  */
34
38
  hideCalendarButton?: boolean;
39
+ /** Skjuler tilbakemeldingsteksten ved feil dato-input
40
+ * @default false
41
+ */
42
+ hideFeedback?: boolean;
43
+ /** Skjuler kalender-GUI-et
44
+ * @default false
45
+ */
46
+ hideCalendar?: boolean;
35
47
  'data-cy'?: any;
36
48
  } & Omit<ReactDatePickerProps, 'selected' | 'customInput'>;
37
49
  export declare const DatePicker: React.ForwardRefExoticComponent<{
@@ -40,17 +52,21 @@ export declare const DatePicker: React.ForwardRefExoticComponent<{
40
52
  /** Kalles når datoen/tiden endres */
41
53
  onChange: (date: Date | null, event: React.SyntheticEvent<any, Event>) => void;
42
54
  /** Placeholder om ingen dato er valgt
43
- * @default "Velg dato"
55
+ * @default "dd.mm.yyyy"
44
56
  */
45
57
  placeholder?: string | undefined;
46
58
  /** Ekstra klassenavn */
47
59
  className?: string | undefined;
48
60
  /** Label over DatePicker */
49
61
  label: string;
50
- /** Varselmelding, som vil komme under DatePicker */
62
+ /** Varselmelding, som vil komme under DatePicker
63
+ * @default "Ugyldig dato"
64
+ */
51
65
  feedback?: string | undefined;
52
- /** Valideringsvariant */
53
- variant?: "success" | "error" | "warning" | "info" | undefined;
66
+ /** Valideringsvariant
67
+ * @default "error"
68
+ */
69
+ variant?: VariantType | undefined;
54
70
  style?: React.CSSProperties | undefined;
55
71
  /** Plasserer labelen statisk på toppen av inputfeltet
56
72
  * @default false
@@ -64,5 +80,13 @@ export declare const DatePicker: React.ForwardRefExoticComponent<{
64
80
  * @default false
65
81
  */
66
82
  hideCalendarButton?: boolean | undefined;
83
+ /** Skjuler tilbakemeldingsteksten ved feil dato-input
84
+ * @default false
85
+ */
86
+ hideFeedback?: boolean | undefined;
87
+ /** Skjuler kalender-GUI-et
88
+ * @default false
89
+ */
90
+ hideCalendar?: boolean | undefined;
67
91
  'data-cy'?: any;
68
- } & Pick<ReactDatePickerProps<never>, "adjustDateOnChange" | "allowSameDay" | "ariaDescribedBy" | "ariaInvalid" | "ariaLabelClose" | "ariaLabelledBy" | "ariaRequired" | "autoComplete" | "autoFocus" | "calendarClassName" | "calendarContainer" | "calendarStartDay" | "children" | "chooseDayAriaLabelPrefix" | "className" | "clearButtonClassName" | "clearButtonTitle" | "closeOnScroll" | "customInputRef" | "customTimeInput" | "dateFormat" | "dateFormatCalendar" | "dayClassName" | "weekDayClassName" | "monthClassName" | "timeClassName" | "disabledDayAriaLabelPrefix" | "disabled" | "disabledKeyboardNavigation" | "dropdownMode" | "endDate" | "excludeDates" | "excludeTimes" | "filterDate" | "filterTime" | "fixedHeight" | "forceShowMonthNavigation" | "formatWeekDay" | "formatWeekNumber" | "highlightDates" | "id" | "includeDates" | "includeTimes" | "injectTimes" | "inline" | "focusSelectedMonth" | "isClearable" | "locale" | "maxDate" | "maxTime" | "minDate" | "minTime" | "monthsShown" | "name" | "nextMonthButtonLabel" | "nextYearButtonLabel" | "onBlur" | "onCalendarClose" | "onCalendarOpen" | "onChange" | "onChangeRaw" | "onClickOutside" | "onDayMouseEnter" | "onFocus" | "onInputClick" | "onInputError" | "onKeyDown" | "onMonthChange" | "onMonthMouseLeave" | "onSelect" | "onWeekSelect" | "onYearChange" | "open" | "openToDate" | "peekNextMonth" | "placeholderText" | "popperClassName" | "popperContainer" | "popperModifiers" | "popperPlacement" | "popperProps" | "preventOpenOnFocus" | "previousMonthButtonLabel" | "previousYearButtonLabel" | "readOnly" | "renderCustomHeader" | "renderDayContents" | "required" | "scrollableMonthYearDropdown" | "scrollableYearDropdown" | "selectsEnd" | "selectsStart" | "selectsRange" | "shouldCloseOnSelect" | "showDisabledMonthNavigation" | "showFullMonthYearPicker" | "showMonthDropdown" | "showMonthYearDropdown" | "showMonthYearPicker" | "showPopperArrow" | "showPreviousMonths" | "showQuarterYearPicker" | "showTimeInput" | "showTimeSelect" | "showTimeSelectOnly" | "showTwoColumnMonthYearPicker" | "showFourColumnMonthYearPicker" | "showWeekNumbers" | "showYearDropdown" | "showYearPicker" | "startDate" | "startOpen" | "strictParsing" | "tabIndex" | "timeCaption" | "timeFormat" | "timeInputLabel" | "timeIntervals" | "title" | "todayButton" | "useShortMonthInDropdown" | "useWeekdaysShort" | "weekAriaLabelPrefix" | "value" | "weekLabel" | "withPortal" | "portalId" | "wrapperClassName" | "yearDropdownItemNumber" | "excludeScrollbar" | "enableTabLoop" | "yearItemNumber"> & React.RefAttributes<HTMLInputElement>>;
92
+ } & Omit<ReactDatePickerProps<never>, "selected" | "customInput"> & React.RefAttributes<HTMLInputElement>>;
package/dist/NativeDatePicker.d.ts CHANGED
@@ -26,7 +26,7 @@ export declare const NativeDatePicker: React.ForwardRefExoticComponent<{
26
26
  /** Varselmelding, som vil komme under NativeDatePicker */
27
27
  feedback?: string | undefined;
28
28
  /** Valideringsvariant */
29
- variant?: "success" | "error" | "warning" | "info" | undefined;
29
+ variant?: VariantType | undefined;
30
30
  /** Plasserer labelen statisk på toppen av inputfeltet
31
31
  * @default false
32
32
  */
package/dist/NativeTimePicker.d.ts CHANGED
@@ -26,7 +26,7 @@ export declare const NativeTimePicker: React.ForwardRefExoticComponent<{
26
26
  /** Varselmelding, som vil komme under NativeTimePicker */
27
27
  feedback?: string | undefined;
28
28
  /** Valideringsvariant */
29
- variant?: "success" | "error" | "warning" | "info" | undefined;
29
+ variant?: VariantType | undefined;
30
30
  /** Plasserer labelen statisk på toppen av inputfeltet
31
31
  * @default false
32
32
  */
package/dist/TimePicker.d.ts CHANGED
@@ -50,7 +50,7 @@ export declare const TimePicker: React.ForwardRefExoticComponent<{
50
50
  /** Varselmelding, som vil komme under TimePicker */
51
51
  feedback?: string | undefined;
52
52
  /** Valideringsvariant */
53
- variant?: "success" | "error" | "warning" | "info" | undefined;
53
+ variant?: VariantType | undefined;
54
54
  style?: React.CSSProperties | undefined;
55
55
  labelTooltip?: React.ReactNode;
56
56
  /** Plasserer labelen statisk på toppen av inputfeltet