@entur/datepicker 11.2.0 → 11.2.1-beta.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.
- package/dist/datepicker.cjs.js +1243 -0
- package/dist/datepicker.cjs.js.map +1 -0
- package/dist/datepicker.esm.js +1046 -1047
- package/dist/datepicker.esm.js.map +1 -1
- package/dist/index.d.ts +535 -6
- package/dist/styles.css +72 -86
- package/package.json +47 -29
- package/dist/DatePicker/Calendar.d.ts +0 -62
- package/dist/DatePicker/CalendarCell.d.ts +0 -14
- package/dist/DatePicker/CalendarGrid.d.ts +0 -15
- package/dist/DatePicker/DateField.d.ts +0 -90
- package/dist/DatePicker/DatePicker.d.ts +0 -44
- package/dist/DatePicker/NativeDatePicker.d.ts +0 -43
- package/dist/DatePicker/index.d.ts +0 -4
- package/dist/TimePicker/NativeTimePicker.d.ts +0 -32
- package/dist/TimePicker/SimpleTimePicker.d.ts +0 -49
- package/dist/TimePicker/TimePicker.d.ts +0 -70
- package/dist/TimePicker/TimePickerArrowButton.d.ts +0 -11
- package/dist/TimePicker/index.d.ts +0 -4
- package/dist/datepicker.cjs.development.js +0 -1269
- package/dist/datepicker.cjs.development.js.map +0 -1
- package/dist/datepicker.cjs.production.min.js +0 -2
- package/dist/datepicker.cjs.production.min.js.map +0 -1
- package/dist/index.js +0 -8
- package/dist/shared/CalendarButton.d.ts +0 -9
- package/dist/shared/FieldSegment.d.ts +0 -10
- package/dist/shared/index.d.ts +0 -1
- package/dist/shared/utils.d.ts +0 -47
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { TimeValue, AriaTimeFieldProps, MappedTimeValue } from '@react-types/datepicker';
|
|
3
|
-
import { BaseFormControlProps } from '@entur/form';
|
|
4
|
-
import { VariantType } from '@entur/utils';
|
|
5
|
-
import './SimpleTimePicker.scss';
|
|
6
|
-
/** @deprecated use variant="information" instead */
|
|
7
|
-
declare const info = "info";
|
|
8
|
-
/** @deprecated use variant="negative" instead */
|
|
9
|
-
declare const error = "error";
|
|
10
|
-
type ExtendedSimpleTimePickerProps<TimeType extends TimeValue> = Omit<AriaTimeFieldProps<TimeType>, keyof BaseSimpleTimePickerProps<TimeType> | 'value' | 'hideTimeZone' | 'placeholder' | 'minValue' | 'maxValue' | 'locale' | 'isReadOnly' | 'isDisabled' | 'locale'> & Omit<Partial<BaseFormControlProps>, keyof BaseSimpleTimePickerProps<TimeType> | 'children' | 'defaultValue' | 'value' | 'isFilled' | 'size'>;
|
|
11
|
-
type BaseSimpleTimePickerProps<TimeType extends TimeValue> = {
|
|
12
|
-
/** Den valgte tiden. Tid i '@internationalized/date'-pakkens format */
|
|
13
|
-
selectedTime: TimeType | null;
|
|
14
|
-
/** Kalles når tiden endres. Tid i '@internationalized/date'-pakkens format */
|
|
15
|
-
onChange?: (value: MappedTimeValue<TimeType> | null) => void | React.Dispatch<React.SetStateAction<TimeValue | null>>;
|
|
16
|
-
/** Label til TimePicker */
|
|
17
|
-
label: string;
|
|
18
|
-
/** Viser sekund i tillegg til time og minutt
|
|
19
|
-
* @default false
|
|
20
|
-
*/
|
|
21
|
-
showSeconds?: boolean;
|
|
22
|
-
/** Viser et klokkeikonet for å klarere indikere at dette
|
|
23
|
-
* er en tidsvelger
|
|
24
|
-
* @default false
|
|
25
|
-
*/
|
|
26
|
-
showClockIcon?: boolean | 'right' | 'left';
|
|
27
|
-
/** Velger hvor mye luft det skal være på sidene av klokkeslettet
|
|
28
|
-
* @default 'default'
|
|
29
|
-
*/
|
|
30
|
-
padding?: 'default' | 'large';
|
|
31
|
-
/** Varselmelding, som vil komme under TimePicker */
|
|
32
|
-
feedback?: string;
|
|
33
|
-
/** Valideringsvariant*/
|
|
34
|
-
variant?: VariantType | typeof error | typeof info;
|
|
35
|
-
/** Tekst eller ikon som vises foran skjema-elementet */
|
|
36
|
-
prepend?: React.ReactNode;
|
|
37
|
-
/** Tekst eller ikon som vises etter skjema-elementet */
|
|
38
|
-
append?: React.ReactNode;
|
|
39
|
-
labelTooltip?: React.ReactNode;
|
|
40
|
-
disabled?: boolean;
|
|
41
|
-
readOnly?: boolean;
|
|
42
|
-
inputRef?: React.ForwardedRef<HTMLInputElement>;
|
|
43
|
-
/** Ekstra klassenavn */
|
|
44
|
-
className?: string;
|
|
45
|
-
style?: React.CSSProperties;
|
|
46
|
-
};
|
|
47
|
-
export type SimpleTimePickerProps<TimeType extends TimeValue> = BaseSimpleTimePickerProps<TimeType> & ExtendedSimpleTimePickerProps<TimeType>;
|
|
48
|
-
export declare const SimpleTimePicker: <TimeType extends TimeValue>({ append, className, disabled, feedback, showClockIcon, inputRef, label, labelTooltip, onChange, padding, prepend, readOnly, selectedTime, showSeconds, style, variant, ...rest }: SimpleTimePickerProps<TimeType>) => React.JSX.Element;
|
|
49
|
-
export {};
|
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { TimeValue, AriaTimeFieldProps, MappedTimeValue } from '@react-types/datepicker';
|
|
3
|
-
import { BaseFormControlProps } from '@entur/form';
|
|
4
|
-
import { VariantType } from '@entur/utils';
|
|
5
|
-
import './TimePicker.scss';
|
|
6
|
-
/** @deprecated use variant="information" instead */
|
|
7
|
-
declare const info = "info";
|
|
8
|
-
/** @deprecated use variant="negative" instead */
|
|
9
|
-
declare const error = "error";
|
|
10
|
-
type ExtendedTimePickerProps<TimeType extends TimeValue> = Omit<AriaTimeFieldProps<TimeType>, keyof BaseTimePickerProps<TimeValue> | 'value' | 'hideTimeZone' | 'placeholder' | 'minValue' | 'maxValue'> & Omit<Partial<BaseFormControlProps>, keyof BaseTimePickerProps<TimeType> | 'children' | 'defaultValue' | 'value' | 'isFilled' | 'size'>;
|
|
11
|
-
type BaseTimePickerProps<TimeType extends TimeValue> = {
|
|
12
|
-
/** Den valgte tiden. Tid i '@internationalized/date'-pakkens format */
|
|
13
|
-
selectedTime: TimeType | null;
|
|
14
|
-
/** Kalles når tiden endres. Tid i '@internationalized/date'-pakkens format */
|
|
15
|
-
onChange: (value: MappedTimeValue<TimeType> | null) => void;
|
|
16
|
-
/** Label til TimePicker */
|
|
17
|
-
label: string;
|
|
18
|
-
/** Minutter som legges til eller trekkes fra ved klikk på pilene i TimePicker.
|
|
19
|
-
* Rundes av til nærmeste hele 'minuteIncrement' som går opp i 60.
|
|
20
|
-
*
|
|
21
|
-
* OBS: Støtter kun verdier <= 60 og multiplum av 60.
|
|
22
|
-
* @default 30
|
|
23
|
-
*/
|
|
24
|
-
minuteIncrementForArrowButtons?: number;
|
|
25
|
-
/** BCP47-språkkoden til locale-en du ønsker å bruke.
|
|
26
|
-
* @default Brukerenhetens selvvalgte locale
|
|
27
|
-
*/
|
|
28
|
-
locale?: string;
|
|
29
|
-
/** Viser den gjeldende tidssonen hvis en er valgt
|
|
30
|
-
* @default false
|
|
31
|
-
*/
|
|
32
|
-
showTimeZone?: boolean;
|
|
33
|
-
/** Viser sekunder i tillegg til minutter og timer
|
|
34
|
-
* @default false
|
|
35
|
-
*/
|
|
36
|
-
showSeconds?: boolean;
|
|
37
|
-
/** Aria-label for venstrepil-knappen som trekker fra tid
|
|
38
|
-
* @default `Trekk fra ${minuteIncrementForArrowButtons} minutter`
|
|
39
|
-
*/
|
|
40
|
-
leftArrowButtonAriaLabel?: string;
|
|
41
|
-
/** Aria-label for høyrepil-knappen som legger til tid
|
|
42
|
-
* @default `Legg til ${minuteIncrementForArrowButtons} minutter`
|
|
43
|
-
*/
|
|
44
|
-
rightArrowButtonAriaLabel?: string;
|
|
45
|
-
/** Varselmelding, som vil komme under TimePicker */
|
|
46
|
-
feedback?: string;
|
|
47
|
-
/** Valideringsvariant*/
|
|
48
|
-
variant?: VariantType | typeof error | typeof info;
|
|
49
|
-
labelTooltip?: React.ReactNode;
|
|
50
|
-
disabled?: boolean;
|
|
51
|
-
readOnly?: boolean;
|
|
52
|
-
inputRef?: React.ForwardedRef<HTMLDivElement>;
|
|
53
|
-
/** Tvinger typen på onChange til den gitte typen.
|
|
54
|
-
* Dette er nyttig når utgangsverdien din er 'null', men du ønsker at
|
|
55
|
-
* TimePicker alltid skal returnere f.eks Time.
|
|
56
|
-
*
|
|
57
|
-
* Som standard returnerer onChange TimeValue basert på selectedTime,
|
|
58
|
-
* eller ZonedDateTime hvis selectedTime er 'null'.
|
|
59
|
-
*
|
|
60
|
-
* @default undefined
|
|
61
|
-
*/
|
|
62
|
-
forcedReturnType?: 'Time' | 'CalendarDateTime' | 'ZonedDateTime';
|
|
63
|
-
forcedTimeZone?: string;
|
|
64
|
-
/** Ekstra klassenavn */
|
|
65
|
-
className?: string;
|
|
66
|
-
style?: React.CSSProperties;
|
|
67
|
-
};
|
|
68
|
-
export type TimePickerProps<TimeType extends TimeValue> = BaseTimePickerProps<TimeType> & ExtendedTimePickerProps<TimeType>;
|
|
69
|
-
export declare const TimePicker: <TimeType extends TimeValue>({ selectedTime, onChange, disabled, readOnly, className, style, label, labelTooltip, feedback, granularity, variant, locale: customLocale, showTimeZone, showSeconds, minuteIncrementForArrowButtons, leftArrowButtonAriaLabel, rightArrowButtonAriaLabel, inputRef, forcedReturnType, forcedTimeZone, append, prepend, ...rest }: TimePickerProps<TimeType>) => React.JSX.Element;
|
|
70
|
-
export {};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
type TimePickerArrowButtonProps = {
|
|
3
|
-
direction: 'left' | 'right';
|
|
4
|
-
disabled?: boolean;
|
|
5
|
-
readonly?: boolean;
|
|
6
|
-
'aria-label': string;
|
|
7
|
-
onClick?: () => void;
|
|
8
|
-
onFocus?: () => void;
|
|
9
|
-
};
|
|
10
|
-
export declare const TimePickerArrowButton: ({ direction, onClick, disabled, readonly, "aria-label": ariaLabel, ...rest }: TimePickerArrowButtonProps) => React.JSX.Element;
|
|
11
|
-
export {};
|