chili-ui 0.0.1

package/dist/src/CalendarBase/types.d.ts

@@ -0,0 +1,145 @@
+import type * as React from 'react';
+import type { CustomRender, Values } from '../../commonTypes';
+import type { AllActions } from '../DateTimeInput/types';
+import type { CALENDAR_CLICK_ACTION, VIEW_TYPES } from './constants';
+import type { defaultCalendarTheme } from './theme';
+import type { DivProps } from '../../components/Div';
+export interface CalendarClickHandler {
+    (type: Values<typeof CALENDAR_CLICK_ACTION>, ev: React.MouseEvent<HTMLElement>, payload?: {
+        dateCell?: number;
+        monthCell?: number;
+        yearCell?: number;
+    }): void;
+}
+export interface CalendarBaseProps {
+    boundingContainerRef?: React.RefObject<HTMLElement>;
+    dispatch: React.Dispatch<AllActions>;
+    format: string;
+    hasTodayButton?: boolean;
+    isOpen?: boolean;
+    isDisabled?: boolean;
+    max?: Date;
+    min?: Date;
+    onClick: CalendarClickHandler;
+    onMouseDown: React.MouseEventHandler<HTMLDivElement>;
+    theme: typeof defaultCalendarTheme;
+    value: Date | null;
+    viewDate: Date;
+    viewType: Values<typeof VIEW_TYPES>;
+    dateCellRender?: CustomRender<DateCellProps, Record<string, never>, DateCellItemProps>;
+    weeksRowRender?: CustomRender<DateViewProps, Record<string, never>, WeekRowProps>;
+    dateViewRender?: CustomRender<CalendarBaseProps, Record<string, never>, DateViewProps>;
+    monthViewRender?: CustomRender<CalendarBaseProps, Record<string, never>, MonthViewProps>;
+    yearViewRender?: CustomRender<CalendarBaseProps, Record<string, never>, YearViewProps>;
+    calendarHeaderRender?: CustomRender<CalendarBaseProps, Record<string, never>, CalendarHeaderProps>;
+    calendarWrapperRender?: CustomRender<CalendarBaseProps, Record<string, never>, DivProps>;
+}
+export interface DateCellProps {
+    date: number;
+    dateCellRender?: CustomRender<DateCellProps, Record<string, never>, DateCellItemProps>;
+    dates: number[][];
+    min?: Date;
+    max?: Date;
+    index: number;
+    onClick: CalendarClickHandler;
+    viewDate: Date;
+    value: Date | null;
+    viewType: Values<typeof VIEW_TYPES>;
+    theme: typeof defaultCalendarTheme;
+    weekIndex: number;
+    weekDayIndex: number;
+    children?: React.ReactNode;
+}
+export interface CalendarHeaderProps {
+    theme: CalendarBaseProps['theme'];
+    conditions: CalendarConditions;
+    viewType: CalendarBaseProps['viewType'];
+    viewDate: CalendarBaseProps['viewDate'];
+    onClick: CalendarClickHandler;
+    children?: React.ReactNode;
+}
+export interface DateViewProps {
+    viewDate: Date;
+    dateCellRender?: CustomRender<DateCellProps, Record<string, never>, DateCellItemProps>;
+    weeksRowRender?: CustomRender<DateViewProps, Record<string, never>, WeekRowProps>;
+    min?: Date;
+    max?: Date;
+    value: Date | null;
+    viewType: Values<typeof VIEW_TYPES>;
+    onClick: CalendarClickHandler;
+    children?: React.ReactNode;
+    theme: typeof defaultCalendarTheme;
+}
+export interface MonthViewProps {
+    max?: Date;
+    min?: Date;
+    onClick: CalendarClickHandler;
+    children?: React.ReactNode;
+    viewDate: Date;
+    viewType: Values<typeof VIEW_TYPES>;
+    theme: typeof defaultCalendarTheme;
+}
+export interface YearViewProps {
+    max?: Date;
+    min?: Date;
+    theme: typeof defaultCalendarTheme;
+    onClick: CalendarClickHandler;
+    children?: React.ReactNode;
+    format: string;
+    value?: Date;
+    viewDate: Date;
+    viewType: Values<typeof VIEW_TYPES>;
+}
+export interface DateCellItemProps extends DivProps {
+    className?: string;
+    key?: string;
+    title?: string;
+    children?: React.ReactNode;
+    onClick?: React.MouseEventHandler<HTMLDivElement>;
+}
+export interface WeekRowProps extends DivProps {
+    className?: string;
+}
+export interface CalendarConditionProps {
+    min?: Date;
+    max?: Date;
+    viewDate: Date;
+    viewType: Values<typeof VIEW_TYPES>;
+    value: Date | null;
+}
+export interface CalendarConditions {
+    isDateOutOfMaxDecadeRange: boolean;
+    isDateOutOfMaxMonthRange: boolean;
+    isDateOutOfMaxYearRange: boolean;
+    isDateOutOfMinDecadeRange: boolean;
+    isDateOutOfMinMonthRange: boolean;
+    isDateOutOfMinYearRange: boolean;
+    isNextButtonDisabled: boolean;
+    isOneMonthInRange: boolean;
+    isOneYearInRange: boolean;
+    isPrevButtonDisabled: boolean;
+    isTitleDisabled: boolean;
+    isValueInRange: boolean;
+}
+export interface TodayButtonProps {
+    onClick?: (ev: React.MouseEvent<HTMLDivElement>) => void;
+    theme: typeof defaultCalendarTheme;
+}
+export interface DateCellConditions {
+    firstDayOfMonth: number;
+    isDateOfNextMonth: boolean;
+    isDateOfPrevMonth: boolean;
+    isDateOutOfMaxMonthRange: boolean;
+    isDateOutOfMinMonthRange: boolean;
+    lastDayOfMonth: number;
+    renderedDate: Date;
+    renderedNextMonth: string | null;
+    renderedPrevMonth: string | null;
+}
+export interface CustomElements {
+    DateView: React.FC<DateViewProps>;
+    MonthView: React.FC<MonthViewProps>;
+    YearView: React.FC<YearViewProps>;
+    CalendarHeader: React.FC<CalendarHeaderProps>;
+    CalendarWrapper: React.FC<DivProps>;
+}

package/dist/src/CalendarBase/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/src/CalendarBase/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../leda/src/CalendarBase/types.ts"],"names":[],"mappings":""}

package/dist/src/DateTimeInput/DateTimeInput.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { DateTimeInputProps } from './types';
+export declare const DateTimeInput: React.ForwardRefExoticComponent<DateTimeInputProps & React.RefAttributes<HTMLElement>>;

package/dist/src/DateTimeInput/DateTimeInput.js

@@ -0,0 +1,79 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { isNil, isDate } from 'lodash';
+import { useValidation } from '../../components/Validation';
+import { COMPONENTS_NAMESPACES } from '../../constants';
+import { getCalendarConditions } from '../CalendarBase/helpers';
+import { Div } from '../../components/Div';
+import { getClassNames, useProps, useTheme, } from '../../utils';
+import { CalendarBase } from '../CalendarBase';
+import { COMPONENT_TYPES } from './constants';
+import { createBlurHandler, createCalendarClickHandler, createCalendarIconMouseDownHandler, createCalendarMouseDownHandler, createChangeHandler, createFocusHandler, createKeyDownHandler, createResetHandler, handleErrors, } from './handlers';
+import { convertToDate, createMask, getInputWrapperClassNames, getValue, stringToDate, } from './helpers';
+import { useCustomElements, useDateTimeInputEffects, useDateTimeInputState } from './hooks';
+import { IconTypes } from '../..';
+export const DateTimeInput = React.forwardRef((props, ref) => {
+    const _a = useProps(props), { boundingContainerRef, calendarHeaderRender, calendarWrapperRender, className, dateCellRender, dateViewRender, format = 'dd.MM.yyyy', hasTodayButton, iconRender, inputRender, invalidMessage, invalidMessageRender, isDisabled, isOpen: isOpenProp, isRequired, isValid: isValidProp, max: maxProp, min: minProp, monthViewRender, name, onEnterPress, placeholder, requiredMessage, shouldValidateUnmounted, theme: themeProp, type = COMPONENT_TYPES.DATE_ONLY, validator, value: valueProp, weeksRowRender, wrapperRender, yearViewRender } = _a, restProps = __rest(_a, ["boundingContainerRef", "calendarHeaderRender", "calendarWrapperRender", "className", "dateCellRender", "dateViewRender", "format", "hasTodayButton", "iconRender", "inputRender", "invalidMessage", "invalidMessageRender", "isDisabled", "isOpen", "isRequired", "isValid", "max", "min", "monthViewRender", "name", "onEnterPress", "placeholder", "requiredMessage", "shouldValidateUnmounted", "theme", "type", "validator", "value", "weeksRowRender", "wrapperRender", "yearViewRender"]);
+    handleErrors(props);
+    // Convert moment to Date, if moment was passed to props
+    const min = React.useMemo(() => convertToDate(minProp), [minProp]);
+    const max = React.useMemo(() => convertToDate(maxProp), [maxProp]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    const newProps = Object.assign(Object.assign({}, props), { min, max });
+    const [state, dispatch] = useDateTimeInputState(newProps);
+    // Ref from maskedInput is used for validation and focus/blur
+    const maskedInputRef = React.useRef(null);
+    // conditions for processing calendar events (disabled dates, inactive arrows etc)
+    const conditions = getCalendarConditions({
+        min, max, viewDate: state.viewDate, viewType: state.viewType, value: state.date,
+    });
+    // validating Date instead of the string. E.g: "12.__.____" is not a valid date
+    const validationValue = isDate(valueProp) || isNil(valueProp) ? valueProp : stringToDate(valueProp, format);
+    const validationProps = React.useMemo(() => (Object.assign(Object.assign({}, newProps), { value: validationValue })), [newProps, validationValue]);
+    const validationState = React.useMemo(() => ({
+        value: state.date,
+    }), [state.date]);
+    const { validateCurrent, isValid, InvalidMessage, } = useValidation(validationProps, validationState, {
+        reset: createResetHandler({
+            props, dispatch,
+        }),
+    });
+    useDateTimeInputEffects({
+        props: newProps, state, dispatch, conditions,
+    });
+    const theme = useTheme(themeProp, COMPONENTS_NAMESPACES.dateTimeInput);
+    const mask = createMask(format, type);
+    const isOpen = isNil(isOpenProp) ? state.isOpen : isOpenProp;
+    const handlersData = {
+        props: newProps, state, dispatch, maskedInputRef, validate: validateCurrent, conditions,
+    };
+    const handleBlur = createBlurHandler(handlersData);
+    const handleCalendarIconMouseDown = createCalendarIconMouseDownHandler(handlersData);
+    const handleCalendarKeyDown = createKeyDownHandler(handlersData);
+    const handleCalendarMouseDown = createCalendarMouseDownHandler(handlersData);
+    const handleCalendarClick = createCalendarClickHandler(handlersData);
+    const handleChange = createChangeHandler(handlersData);
+    const handleFocus = createFocusHandler(handlersData);
+    const { Wrapper, Icon, Input, } = useCustomElements(props, state);
+    const wrapperClassNames = getClassNames(className, theme.wrapper);
+    const inputValue = getValue({
+        valueProp,
+        valueState: state.value,
+        dateState: state.date,
+        format,
+    });
+    return (_jsxs(Wrapper, { className: wrapperClassNames, onKeyDown: (ev) => handleCalendarKeyDown(ev), ref: ref, children: [_jsxs(Div, { className: getInputWrapperClassNames(theme, newProps, state, isValid), children: [_jsx(Input, Object.assign({}, restProps, { "aria-invalid": !isValid, "aria-required": isRequired, className: theme.input, isDisabled: isDisabled, mask: mask, name: name, onBlur: handleBlur, onChange: handleChange, onFocus: handleFocus, placeholder: placeholder, ref: maskedInputRef, value: inputValue })), type !== COMPONENT_TYPES.TIME_ONLY && (_jsx(Icon, { icon: IconTypes.Icons.Calendar, onMouseDown: handleCalendarIconMouseDown, className: theme.calendarIcon }))] }), !state.isFocused && !isDisabled && _jsx(InvalidMessage, {}), type !== COMPONENT_TYPES.TIME_ONLY && (_jsx(CalendarBase, { boundingContainerRef: boundingContainerRef, calendarHeaderRender: calendarHeaderRender, dateCellRender: dateCellRender, dateViewRender: dateViewRender, dispatch: dispatch, format: format, hasTodayButton: hasTodayButton, isDisabled: isDisabled, isOpen: isOpen, max: max, min: min, monthViewRender: monthViewRender, onClick: handleCalendarClick, onMouseDown: handleCalendarMouseDown, theme: theme.calendar, value: state.date, viewDate: state.viewDate, viewType: state.viewType, weeksRowRender: weeksRowRender, yearViewRender: yearViewRender, calendarWrapperRender: calendarWrapperRender }))] }));
+});
+DateTimeInput.displayName = 'DateTimeInput';
+//# sourceMappingURL=DateTimeInput.js.map

package/dist/src/DateTimeInput/DateTimeInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeInput.js","sourceRoot":"","sources":["../../../leda/src/DateTimeInput/DateTimeInput.tsx"],"names":[],"mappings":"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"}

package/dist/src/DateTimeInput/actions.d.ts

@@ -0,0 +1,17 @@
+import type { Action, Values } from '../../commonTypes';
+import type { VIEW_TYPES } from '../CalendarBase/constants';
+import type { StateActionPayloads, StateActionTypes } from './types';
+export declare const stateActionTypes: {
+    readonly SET_DATE: "SET_DATE";
+    readonly SET_VALUE: "SET_VALUE";
+    readonly SET_FOCUSED: "SET_FOCUSED";
+    readonly SET_OPEN: "SET_OPEN";
+    readonly SET_VIEW_DATE: "SET_VIEW_DATE";
+    readonly SET_VIEW_TYPE: "SET_VIEW_TYPE";
+};
+export declare const setDate: (newDate: Date | null) => Action<StateActionTypes['SET_DATE'], StateActionPayloads['SET_DATE']>;
+export declare const setValue: (newValue: string) => Action<StateActionTypes['SET_VALUE'], StateActionPayloads['SET_VALUE']>;
+export declare const setFocused: (newFocused: boolean) => Action<StateActionTypes['SET_FOCUSED'], StateActionPayloads['SET_FOCUSED']>;
+export declare const setOpen: (newOpen: boolean) => Action<StateActionTypes['SET_OPEN'], StateActionPayloads['SET_OPEN']>;
+export declare const setViewDate: (newViewDate: Date) => Action<StateActionTypes['SET_VIEW_DATE'], StateActionPayloads['SET_VIEW_DATE']>;
+export declare const setViewType: (newViewType: Values<typeof VIEW_TYPES>) => Action<StateActionTypes['SET_VIEW_TYPE'], StateActionPayloads['SET_VIEW_TYPE']>;

package/dist/src/DateTimeInput/actions.js

@@ -0,0 +1,33 @@
+export const stateActionTypes = {
+    SET_DATE: 'SET_DATE',
+    SET_VALUE: 'SET_VALUE',
+    SET_FOCUSED: 'SET_FOCUSED',
+    SET_OPEN: 'SET_OPEN',
+    SET_VIEW_DATE: 'SET_VIEW_DATE',
+    SET_VIEW_TYPE: 'SET_VIEW_TYPE',
+};
+export const setDate = (newDate) => ({
+    type: stateActionTypes.SET_DATE,
+    payload: newDate,
+});
+export const setValue = (newValue) => ({
+    type: stateActionTypes.SET_VALUE,
+    payload: newValue,
+});
+export const setFocused = (newFocused) => ({
+    type: stateActionTypes.SET_FOCUSED,
+    payload: newFocused,
+});
+export const setOpen = (newOpen) => ({
+    type: stateActionTypes.SET_OPEN,
+    payload: newOpen,
+});
+export const setViewDate = (newViewDate) => ({
+    type: stateActionTypes.SET_VIEW_DATE,
+    payload: newViewDate,
+});
+export const setViewType = (newViewType) => ({
+    type: stateActionTypes.SET_VIEW_TYPE,
+    payload: newViewType,
+});
+//# sourceMappingURL=actions.js.map

package/dist/src/DateTimeInput/actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.js","sourceRoot":"","sources":["../../../leda/src/DateTimeInput/actions.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,QAAQ,EAAE,UAAU;IACpB,SAAS,EAAE,WAAW;IACtB,WAAW,EAAE,aAAa;IAC1B,QAAQ,EAAE,UAAU;IACpB,aAAa,EAAE,eAAe;IAC9B,aAAa,EAAE,eAAe;CACtB,CAAC;AAEX,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,OAAoB,EAAyE,EAAE,CAAC,CAAC;IACvH,IAAI,EAAE,gBAAgB,CAAC,QAAQ;IAC/B,OAAO,EAAE,OAAO;CACjB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,QAAgB,EAA2E,EAAE,CAAC,CAAC;IACtH,IAAI,EAAE,gBAAgB,CAAC,SAAS;IAChC,OAAO,EAAE,QAAQ;CAClB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,UAAmB,EAA+E,EAAE,CAAC,CAAC;IAC/H,IAAI,EAAE,gBAAgB,CAAC,WAAW;IAClC,OAAO,EAAE,UAAU;CACpB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,OAAgB,EAAyE,EAAE,CAAC,CAAC;IACnH,IAAI,EAAE,gBAAgB,CAAC,QAAQ;IAC/B,OAAO,EAAE,OAAO;CACjB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,WAAiB,EAAmF,EAAE,CAAC,CAAC;IAClI,IAAI,EAAE,gBAAgB,CAAC,aAAa;IACpC,OAAO,EAAE,WAAW;CACrB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,WAAsC,EAAmF,EAAE,CAAC,CAAC;IACvJ,IAAI,EAAE,gBAAgB,CAAC,aAAa;IACpC,OAAO,EAAE,WAAW;CACrB,CAAC,CAAC"}

package/dist/src/DateTimeInput/constants.d.ts

@@ -0,0 +1,22 @@
+export declare const COMPONENT_TYPES: {
+    readonly DATE_ONLY: "date-only";
+    readonly TIME_ONLY: "time-only";
+    readonly DATE_TIME: "date-time";
+};
+export declare const MONTHS_IN_ROW = 4;
+export declare const YEARS_IN_ROW = 4;
+export declare const DAYS_IN_WEEK = 7;
+export declare const KEYS: {
+    readonly LEFT: "ArrowLeft";
+    readonly LEFT_IE: "Left";
+    readonly RIGHT: "ArrowRight";
+    readonly RIGHT_IE: "Right";
+    readonly UP: "ArrowUp";
+    readonly UP_IE: "Up";
+    readonly DOWN: "ArrowDown";
+    readonly DOWN_IE: "Down";
+    readonly ENTER: "Enter";
+    readonly ESC: "Escape";
+    readonly ESC_IE: "Esc";
+    readonly TAB: "Tab";
+};

package/dist/src/DateTimeInput/constants.js

@@ -0,0 +1,23 @@
+export const COMPONENT_TYPES = {
+    DATE_ONLY: 'date-only',
+    TIME_ONLY: 'time-only',
+    DATE_TIME: 'date-time',
+};
+export const MONTHS_IN_ROW = 4;
+export const YEARS_IN_ROW = 4;
+export const DAYS_IN_WEEK = 7;
+export const KEYS = {
+    LEFT: 'ArrowLeft',
+    LEFT_IE: 'Left',
+    RIGHT: 'ArrowRight',
+    RIGHT_IE: 'Right',
+    UP: 'ArrowUp',
+    UP_IE: 'Up',
+    DOWN: 'ArrowDown',
+    DOWN_IE: 'Down',
+    ENTER: 'Enter',
+    ESC: 'Escape',
+    ESC_IE: 'Esc',
+    TAB: 'Tab',
+};
+//# sourceMappingURL=constants.js.map

package/dist/src/DateTimeInput/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../leda/src/DateTimeInput/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE,WAAW;CACd,CAAC;AAEX,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,CAAC;AAE/B,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,CAAC;AAE9B,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,CAAC;AAE9B,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,IAAI,EAAE,WAAW;IACjB,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,YAAY;IACnB,QAAQ,EAAE,OAAO;IACjB,EAAE,EAAE,SAAS;IACb,KAAK,EAAE,IAAI;IACX,IAAI,EAAE,WAAW;IACjB,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,OAAO;IACd,GAAG,EAAE,QAAQ;IACb,MAAM,EAAE,KAAK;IACb,GAAG,EAAE,KAAK;CACF,CAAC"}

package/dist/src/DateTimeInput/handlers/handleBlur.d.ts

@@ -0,0 +1,3 @@
+import type { HandlersData } from '../types';
+import type { FocusEvent } from '../../MaskedInputBase/types';
+export declare const createBlurHandler: ({ props, state, dispatch, validate, }: HandlersData) => (ev: FocusEvent) => void;

package/dist/src/DateTimeInput/handlers/handleBlur.js

@@ -0,0 +1,49 @@
+import { isFunction } from 'lodash';
+import { isDateGreater, isDateLess, isTimeGreater, isTimeLess, } from '../../CalendarBase/helpers';
+import { setDate, setFocused, setOpen } from '../actions';
+import { COMPONENT_TYPES } from '../constants';
+import { formatDateTime } from '../helpers';
+export const createBlurHandler = ({ props, state, dispatch, validate, }) => (ev) => {
+    const { date, } = state;
+    const { min, max, onChange, format = 'dd.MM.yyyy', name, type, onBlur, } = props;
+    dispatch(setFocused(false));
+    dispatch(setOpen(false));
+    const newDate = (() => {
+        if (!date)
+            return null;
+        const minDate = (() => {
+            if (type === COMPONENT_TYPES.TIME_ONLY)
+                return isTimeLess(date, min) ? min : null;
+            if (type === COMPONENT_TYPES.DATE_TIME)
+                return min && date.getTime() < min.getTime() ? min : null;
+            return isDateLess(date, min) ? min : null;
+        })();
+        const maxDate = (() => {
+            if (type === COMPONENT_TYPES.TIME_ONLY)
+                return isTimeGreater(date, max) ? max : null;
+            if (type === COMPONENT_TYPES.DATE_TIME)
+                return max && date.getTime() > max.getTime() ? max : null;
+            return isDateGreater(date, max) ? max : null;
+        })();
+        return minDate || maxDate || date;
+    })();
+    // normalize with min/max on blur
+    dispatch(setDate(newDate));
+    if (isFunction(onChange)) {
+        onChange(Object.assign(Object.assign({}, ev), { component: {
+                value: formatDateTime(newDate, format),
+                name,
+                date: newDate,
+            } }));
+    }
+    const isValid = validate(newDate);
+    if (isFunction(onBlur)) {
+        onBlur(Object.assign(Object.assign({}, ev), { component: {
+                value: formatDateTime(newDate, format),
+                name,
+                date: newDate,
+                isValid,
+            } }));
+    }
+};
+//# sourceMappingURL=handleBlur.js.map

package/dist/src/DateTimeInput/handlers/handleBlur.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"handleBlur.js","sourceRoot":"","sources":["../../../../leda/src/DateTimeInput/handlers/handleBlur.ts"],"names":[],"mappings":"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"}

package/dist/src/DateTimeInput/handlers/handleCalendarClick.d.ts

@@ -0,0 +1,14 @@
+import type { CalendarClickHandler } from '../../CalendarBase/types';
+import type { DatesNextClickPayload, DatesPrevClickPayload, DatesSelectPayload, HandlersData, MonthsNextClickPayload, MonthsPrevClickPayload, MonthsSelectPayload, TitleClickPayload, TodayButtonClickPayload, YearsNextClickPayload, YearsPrevClickPayload, YearsSelectPayload } from '../types';
+export declare const handleDatesPrevClick: (payload: DatesPrevClickPayload) => void;
+export declare const handleDatesNextClick: (payload: DatesNextClickPayload) => void;
+export declare const handleDatesSelect: (payload: DatesSelectPayload) => void;
+export declare const handleMonthsPrevClick: (payload: MonthsPrevClickPayload) => void;
+export declare const handleMonthsNextClick: (payload: MonthsNextClickPayload) => void;
+export declare const handleMonthsSelect: (payload: MonthsSelectPayload) => void;
+export declare const handleYearsPrevClick: (payload: YearsPrevClickPayload) => void;
+export declare const handleYearsNextClick: (payload: YearsNextClickPayload) => void;
+export declare const handleYearsSelect: (payload: YearsSelectPayload) => void;
+export declare const handleTitleClick: (payload: TitleClickPayload) => void;
+export declare const handleTodayButtonClick: (payload: TodayButtonClickPayload) => void;
+export declare const createCalendarClickHandler: ({ props, state, dispatch, maskedInputRef, conditions, }: HandlersData) => CalendarClickHandler;