@entur/datepicker 11.2.1-beta.9 → 11.2.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 +64 -78
- package/package.json +39 -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,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 {};
|