@entur/datepicker 3.0.3 → 4.0.0-alpha.0

package/CHANGELOG.md

@@ -3,9 +3,21 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [3.0.3](https://bitbucket.org/enturas/design-system/compare/@entur/datepicker@3.0.2...@entur/datepicker@3.0.3) (2022-10-20)
+# [4.0.0-alpha.0](https://bitbucket.org/enturas/design-system/compare/@entur/datepicker@3.0.2...@entur/datepicker@4.0.0-alpha.0) (2022-10-20)
 
-**Note:** Version bump only for package @entur/datepicker
+### Bug Fixes
+
+- **locale:** wip fix for locale not working ([0ff0912](https://bitbucket.org/enturas/design-system/commits/0ff0912405e015abb50c9cb6103c5f9827d8bd7b))
+
+### Features
+
+- **calendar:** add new calendar component ([6cd168c](https://bitbucket.org/enturas/design-system/commits/6cd168caf3d2e634fc2248abe728ab6a91e44ef8))
+- **date field:** add new date field component ([3f1348d](https://bitbucket.org/enturas/design-system/commits/3f1348d53e0d7dc5381f613633791bcd7565689e))
+- **datepicker:** add new datepicker component ([7d53075](https://bitbucket.org/enturas/design-system/commits/7d5307509bfc3f7d6bf00d47be80eef6550404fb))
+
+### BREAKING CHANGES
+
+- **datepicker:** rewrite
 
 ## [3.0.2](https://bitbucket.org/enturas/design-system/compare/@entur/datepicker@3.0.1...@entur/datepicker@3.0.2) (2022-10-12)
 

package/dist/DatePicker/beta/Calendar.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { DateValue } from '@internationalized/date';
+import './Calendar.scss';
+declare type CalendarProps = {
+    selectedDate: DateValue;
+    style?: React.CSSProperties;
+    [key: string]: any;
+};
+export declare const Calendar: React.ForwardRefExoticComponent<Pick<CalendarProps, keyof CalendarProps> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/DatePicker/beta/CalendarCell.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { CalendarState } from '@react-stately/calendar';
+import { CalendarDate } from '@internationalized/date';
+declare type CalendarCellProps = {
+    state: CalendarState;
+    date: CalendarDate;
+};
+export declare const CalendarCell: ({ state, date }: CalendarCellProps) => JSX.Element;
+export {};

package/dist/DatePicker/beta/CalendarGrid.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { CalendarState } from '@react-stately/calendar';
+declare type CalendarGridProps = {
+    state: CalendarState;
+};
+export declare const CalendarGrid: ({ state, ...rest }: CalendarGridProps) => JSX.Element;
+export {};

package/dist/DatePicker/beta/DateField.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import type { SpectrumDateFieldProps, DateValue } from '@react-types/datepicker';
+import { VariantType } from '@entur/form';
+import './DateField.scss';
+export declare type DateFieldProps = {
+    /** Den valgte tiden. Tid i '@internationalized/date'-pakkens format */
+    selectedDate: DateValue | null;
+    /** Kalles når tiden endres. Tid i '@internationalized/date'-pakkens format */
+    onChange: (value: DateValue) => void;
+    /** Label til TimePicker */
+    label: string;
+    /** BCP47-språkkoden til locale-en du ønsker å bruke.
+     * @default Brukerenhetens selvvalgte locale
+     */
+    locale?: string;
+    /** Viser den gjeldende tidssonen hvis en er valgt
+     * @default false
+     */
+    showTimeZone?: boolean;
+    showTime?: boolean;
+    /** Varselmelding, som vil komme under TimePicker */
+    feedback?: string;
+    /** Valideringsvariant */
+    variant?: VariantType;
+    labelTooltip?: React.ReactNode;
+    disabled?: boolean;
+    /** Ekstra klassenavn */
+    className?: string;
+    style?: React.CSSProperties;
+    [key: string]: any;
+} & Omit<SpectrumDateFieldProps<DateValue>, 'onChange' | 'label' | 'hideTimeZone' | 'placeholder'>;
+export declare const DateField: React.ForwardRefExoticComponent<Pick<DateFieldProps, string | number> & React.RefAttributes<HTMLDivElement>>;

package/dist/DatePicker/beta/DatePicker.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import type { DateValue } from '@react-types/datepicker';
+import { VariantType } from '@entur/form';
+import './DatePicker.scss';
+declare type DatePickerProps = {
+    /** Den valgte datoen. Dato i '@internationalized/date'-pakkens format */
+    selectedDate: DateValue;
+    /** Kalles når tiden endres. Dato i '@internationalized/date'-pakkens format */
+    onChange: (date: DateValue) => void;
+    /** Ledetekst for inputfeltet til DatePicker */
+    label: string;
+    /** BCP47-språkkoden til locale-en du ønsker å bruke.
+     * @default Brukerenhetens selvvalgte locale
+     */
+    locale?: string;
+    /** Viser den gjeldende tidssonen hvis en er valgt (krever at tid også vises)
+     * @default false
+     */
+    showTimeZone?: boolean;
+    /** Viser tidspunkt i tillegg til dato hvis det er tilgjengelig */
+    showTime?: boolean;
+    /** Varselmelding, som vil komme under DatePicker sitt inputfelt */
+    feedback?: string;
+    /** Valideringsvariant */
+    variant?: VariantType;
+    disabled?: boolean;
+    /** Ekstra klassenavn */
+    className?: string;
+    style?: React.CSSProperties;
+    [key: string]: any;
+};
+export declare const DatePickerBeta: ({ selectedDate: value, onChange, disabled: isDisabled, className, style, variant, feedback, ...rest }: DatePickerProps) => JSX.Element;
+export {};

package/dist/DatePicker/beta/index.d.ts

@@ -0,0 +1,3 @@
+export * from './DateField';
+export * from './Calendar';
+export * from './DatePicker';

package/dist/DatePicker/index.d.ts

@@ -1 +1,2 @@
 export * from './DatePicker';
+export * from './beta';

package/dist/TimePicker/index.d.ts

@@ -1,3 +1,3 @@
 export * from './TimePicker';
 export * from './NativeTimePicker';
-export * from './utils';
+export * from '../shared/utils';