@servicetitan/design-system 12.9.0 → 12.10.0-patch.0

package/dist/components/Button/Button.css

@@ -83,7 +83,7 @@ button.Button {
   line-height: 1.5;
 }
 .Button.Button--icon-only.Button--xsmall {
-  line-height: 0.8;
+  line-height: 1;
 }
 .Button.Button--icon-only.Button--xsmall svg {
   height: 20px;

package/dist/components/Button/index.css

@@ -83,7 +83,7 @@ button.Button {
   line-height: 1.5;
 }
 .Button.Button--icon-only.Button--xsmall {
-  line-height: 0.8;
+  line-height: 1;
 }
 .Button.Button--icon-only.Button--xsmall svg {
   height: 20px;

package/dist/components/Collapsible/Collapsible.js

@@ -13,7 +13,7 @@ import React from 'react';
 import classnames from 'classnames';
 import AnimateHeight from 'react-animate-height';
 import { tokens } from '@servicetitan/tokens/core';
-export const Collapsible = (_a) => {
+export const Collapsible = React.forwardRef((_a, ref) => {
     var { animate, children, className, el: CollapsibleElement = 'div', easing = tokens.easingStandard, open = false } = _a, props = __rest(_a, ["animate", "children", "className", "el", "easing", "open"]);
     const CollapsibleClasses = classnames('Collapsible', className, {
         'Collapsible--hidden': !open,
@@ -25,6 +25,6 @@ export const Collapsible = (_a) => {
         easing,
         height: open ? 'auto' : 0,
     };
-    return (React.createElement(CollapsibleElement, Object.assign({ className: CollapsibleClasses, "data-anvil-component": "Collapsible" }, props), animate ? (React.createElement(AnimateHeight, Object.assign({}, animateHeightProps), children)) : (children)));
-};
+    return (React.createElement(CollapsibleElement, Object.assign({ className: CollapsibleClasses, "data-anvil-component": "Collapsible", ref: ref }, props), animate ? (React.createElement(AnimateHeight, Object.assign({}, animateHeightProps), children)) : (children)));
+});
 //# sourceMappingURL=Collapsible.js.map

package/dist/components/Collapsible/Collapsible.js.map

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../../src/components/Collapsible/Collapsible.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,aAAa,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AA6BnD,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAQjD,EAAE,EAAE;QAR6C,EACjD,OAAO,EACP,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,kBAAkB,GAAG,KAAK,EAC9B,MAAM,GAAG,MAAM,CAAC,cAAc,EAC9B,IAAI,GAAG,KAAK,OAEZ,EADG,KAAK,cAPyC,4DAQjD,CADQ;IAER,MAAM,kBAAkB,GAAG,UAAU,CAAC,aAAa,EAAE,SAAS,EAAE;QAC/D,qBAAqB,EAAE,CAAC,IAAI;QAC5B,uBAAuB,EAAE,OAAO;KAChC,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG;QAC1B,cAAc,EAAE,IAAI;QACpB,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,YAAY,EAAE,EAAE,CAAC;QAC3C,MAAM;QACN,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;KACzB,CAAC;IAEF,OAAO,CACN,oBAAC,kBAAkB,kBAClB,SAAS,EAAE,kBAAkB,0BACR,aAAa,IAC9B,KAAK,GAER,OAAO,CAAC,CAAC,CAAC,CACV,oBAAC,aAAa,oBAAK,kBAAkB,GACnC,QAAQ,CACM,CAChB,CAAC,CAAC,CAAC,CACH,QAAQ,CACR,CACmB,CACrB,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../../src/components/Collapsible/Collapsible.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAC;AAClC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,aAAa,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AA6BnD,MAAM,CAAC,MAAM,WAAW,GAAyB,KAAK,CAAC,UAAU,CAChE,CACC,EAQC,EACD,GAAG,EACF,EAAE;QAVH,EACC,OAAO,EACP,QAAQ,EACR,SAAS,EACT,EAAE,EAAE,kBAAkB,GAAG,KAAK,EAC9B,MAAM,GAAG,MAAM,CAAC,cAAc,EAC9B,IAAI,GAAG,KAAK,OAEZ,EADG,KAAK,cAPT,4DAQC,CADQ;IAIT,MAAM,kBAAkB,GAAG,UAAU,CAAC,aAAa,EAAE,SAAS,EAAE;QAC/D,qBAAqB,EAAE,CAAC,IAAI;QAC5B,uBAAuB,EAAE,OAAO;KAChC,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG;QAC1B,cAAc,EAAE,IAAI;QACpB,QAAQ,EAAE,QAAQ,CAAC,MAAM,CAAC,YAAY,EAAE,EAAE,CAAC;QAC3C,MAAM;QACN,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;KACzB,CAAC;IAEF,OAAO,CACN,oBAAC,kBAAkB,kBAClB,SAAS,EAAE,kBAAkB,0BACR,aAAa,EAClC,GAAG,EAAE,GAAG,IACJ,KAAK,GAER,OAAO,CAAC,CAAC,CAAC,CACV,oBAAC,aAAa,oBAAK,kBAAkB,GACnC,QAAQ,CACM,CAChB,CAAC,CAAC,CAAC,CACH,QAAQ,CACR,CACmB,CACrB,CAAC;AACH,CAAC,CACD,CAAC"}

package/dist/components/DatePicker/DatePicker.d.ts

@@ -29,9 +29,22 @@ export interface DatePickerPropsStrict {
     direction?: PopoverProps['direction'];
     isoFormat?: boolean;
     onChange?: (value: Date | string | undefined) => void;
+    /** This will override native trigger component */
+    trigger?: (props: CustomTriggerProps) => React.ReactNode;
+}
+interface CustomTriggerProps {
+    /** returns internal trigger value */
+    value: DatePickerProps['value'] | any;
+    /** returns internal trigger prop */
+    onClick?: () => void;
+    /** returns internal open state */
+    open: DatePickerProps['open'];
+    /** returns interal error state */
+    error: DatePickerProps['error'];
 }
 export interface DatePickerProps extends DatePickerPropsStrict {
     /** Unstrict Props */
     [propName: string]: any;
 }
 export declare const DatePicker: FC<DatePickerProps>;
+export {};

package/dist/components/DatePicker/DatePicker.js

@@ -19,7 +19,7 @@ import { InputDateMask } from './InputDateMask';
 import { TimezoneContext } from '../../utilities/TimezoneProvider';
 import { DateTime } from 'luxon';
 export const DatePicker = React.forwardRef((props, ref) => {
-    const { disabled, error, maskChar, maskProps, maxDate, minDate, onChange, placeholder, size, value, calendar: CustomCalendar, direction = 'br', open, isoFormat } = props, rest = __rest(props, ["disabled", "error", "maskChar", "maskProps", "maxDate", "minDate", "onChange", "placeholder", "size", "value", "calendar", "direction", "open", "isoFormat"]);
+    const { disabled, error, maskChar, maskProps, maxDate, minDate, onChange, placeholder, size, value, calendar: CustomCalendar, direction = 'br', open, isoFormat, trigger } = props, rest = __rest(props, ["disabled", "error", "maskChar", "maskProps", "maxDate", "minDate", "onChange", "placeholder", "size", "value", "calendar", "direction", "open", "isoFormat", "trigger"]);
     const calendarRef = React.useRef(null);
     const inputRef = React.useRef(null);
     const timezone = useContext(TimezoneContext);
@@ -46,14 +46,14 @@ export const DatePicker = React.forwardRef((props, ref) => {
     const handleClickOutside = () => {
         if (showCalendar) {
             setShowCalendar(false);
-            inputRef.current.focus();
+            !trigger && inputRef.current.focus();
         }
     };
     const handleClickIcon = () => setShowCalendar(!showCalendar);
     const handleInputClick = (event) => {
         event.preventDefault();
         setShowCalendar(true);
-        inputRef.current.focus();
+        !trigger && inputRef.current.focus();
     };
     const handleKeyDown = (event) => {
         var _a;
@@ -61,7 +61,7 @@ export const DatePicker = React.forwardRef((props, ref) => {
         if (key === keys.esc) {
             event.preventDefault();
             setShowCalendar(false);
-            inputRef.current.focus();
+            !trigger && inputRef.current.focus();
         }
         if ([keys.space, keys.down].includes(key)) {
             event.preventDefault();
@@ -90,7 +90,7 @@ export const DatePicker = React.forwardRef((props, ref) => {
         const newValue = !isNaN(IValue === null || IValue === void 0 ? void 0 : IValue.toMillis()) && (IValue === null || IValue === void 0 ? void 0 : IValue.toMillis());
         if (oldValue !== newValue) {
             setIValue(date(value));
-            onChangeReturn(date(value));
+            value && onChangeReturn(date(value));
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [value, isoFormat]);
@@ -103,7 +103,7 @@ export const DatePicker = React.forwardRef((props, ref) => {
         setIValue(eventValue);
         onChangeReturn(eventValue);
         setShowCalendar(false);
-        inputRef.current.focus();
+        !trigger && inputRef.current.focus();
     };
     const DatePickerClasses = classnames('DatePicker', {
         'DatePicker--disabled': disabled,
@@ -119,8 +119,17 @@ export const DatePicker = React.forwardRef((props, ref) => {
             onChangeReturn(dateData);
         }
     };
+    const handleInputBlur = (data) => {
+        if (!data) {
+            onChangeReturn(undefined);
+        }
+    };
     const onChangeReturn = (value) => {
         const returnDate = value === null || value === void 0 ? void 0 : value.setZone(timezone);
+        if (!value) {
+            onChange === null || onChange === void 0 ? void 0 : onChange(undefined);
+            return;
+        }
         if (!isoFormat) {
             onChange === null || onChange === void 0 ? void 0 : onChange(returnDate === null || returnDate === void 0 ? void 0 : returnDate.toJSDate());
             return;
@@ -133,7 +142,7 @@ export const DatePicker = React.forwardRef((props, ref) => {
             ? new Date(format(date(maxDate)))
             : undefined, minDate: date(minDate).isValid
             ? new Date(format(date(minDate)))
-            : undefined, onChange: handleInputChange, placeholder,
+            : undefined, onChange: handleInputChange, onBlur: handleInputBlur, placeholder,
         size, value: IValue.isValid ? new Date(format(IValue)) : null }, maskProps);
     // custom cell to override the today highlight to match timezone today
     const customCell = (props) => {
@@ -154,7 +163,14 @@ export const DatePicker = React.forwardRef((props, ref) => {
         ref: calendarRef,
         cell: customCell,
     };
-    return (React.createElement(Popover, Object.assign({ portal: true, wrapperClassName: DatePickerClasses, open: showCalendar, popoverContentClassName: "DatePicker__calendar", onKeyDown: handleKeyDown, direction: direction, padding: null, width: "auto", ref: ref, onClickOutside: () => handleClickOutside(), trigger: React.createElement(InputDateMask, Object.assign({}, InputProps, { inputRef: inputRef, className: "DatePicker__input", onClick: handleInputClick, shortLabel: React.createElement(Icon, { name: "event", className: "DatePicker__icon", onClick: handleClickIcon, "aria-label": "toggle calendar" }), fluid: true, "data-anvil-component": "DatePicker" })) }, rest), CustomCalendar ? (React.createElement(CustomCalendar, Object.assign({}, CalendarProps))) : (React.createElement(Calendar, Object.assign({}, CalendarProps)))));
+    const customTrigger = trigger === null || trigger === void 0 ? void 0 : trigger({
+        value: IValue.isValid ? new Date(format(IValue)) : null,
+        onClick: () => setShowCalendar(!showCalendar),
+        open: showCalendar,
+        error,
+    });
+    const inputMask = (React.createElement(InputDateMask, Object.assign({}, InputProps, { inputRef: inputRef, className: "DatePicker__input", onClick: handleInputClick, shortLabel: React.createElement(Icon, { name: "event", className: "DatePicker__icon", onClick: handleClickIcon, "aria-label": "toggle calendar" }), fluid: true, "data-anvil-component": "DatePicker" })));
+    return (React.createElement(Popover, Object.assign({ portal: true, wrapperClassName: DatePickerClasses, open: showCalendar, popoverContentClassName: "DatePicker__calendar", onKeyDown: handleKeyDown, direction: direction, padding: null, width: "auto", ref: ref, onClickOutside: () => handleClickOutside(), trigger: customTrigger !== null && customTrigger !== void 0 ? customTrigger : inputMask }, rest), CustomCalendar ? (React.createElement(CustomCalendar, Object.assign({}, CalendarProps))) : (React.createElement(Calendar, Object.assign({}, CalendarProps)))));
 });
 const format = (date, format = 'LL/dd/yyyy') => {
     if (date instanceof Date)

package/dist/components/DatePicker/DatePicker.js.map

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

package/dist/components/DatePicker/InputDateMask.d.ts

@@ -14,7 +14,7 @@ export interface InputDateMaskProps extends Omit<InputProps, 'onChange' | 'value
     /** onChange function */
     onChange(value: Date | undefined): void;
     /** onBlur function */
-    onBlur?(value: string): void;
+    onBlur?(value: Date | undefined): void;
     /** Current value of Input */
     value?: Date | undefined;
     /** forwarded input ref */

package/dist/components/DatePicker/InputDateMask.js

@@ -19,7 +19,11 @@ import { expandValueAtIndex, findMaskFieldBoundariesAtPosition, getValueAtIndex,
 const round = (year, to = 100) => year - (year % to);
 export const InputDateMask = (_a) => {
     var { alwaysShowMask, className, dateFormat = 'MM/DD/YYYY', disabled, error, maskChar = '_', maxDate, minDate, onChange, onBlur, placeholder, shortLabel, size, value, tabIndex, inputRef } = _a, props = __rest(_a, ["alwaysShowMask", "className", "dateFormat", "disabled", "error", "maskChar", "maxDate", "minDate", "onChange", "onBlur", "placeholder", "shortLabel", "size", "value", "tabIndex", "inputRef"]);
+    const formatDate = (date) => {
+        return date ? moment(date).format(dateFormat) : '';
+    };
     const [maskValue, setMask] = React.useState('');
+    const [rawValue, setRawValue] = React.useState();
     const [expandValueAtCursor, setExpandValueAtCursor] = React.useState(false);
     const [cursorPosition, setCursorPosition] = React.useState(null);
     let falseEmptyChange = false;
@@ -103,10 +107,18 @@ export const InputDateMask = (_a) => {
                 setCursorPosition(null);
             }
         }
-        onBlur === null || onBlur === void 0 ? void 0 : onBlur(maskValue);
+        if (falseEmptyChange) {
+            return;
+        }
+        if (isMaskValid(maskValue) && rawValue === undefined) {
+            onBlur === null || onBlur === void 0 ? void 0 : onBlur(parseDate(maskValue));
+            return;
+        }
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(undefined);
     };
     const handleChange = (event) => {
         const value = event.target.value;
+        setRawValue(value.length ? value : undefined);
         setMask(value);
         if (falseEmptyChange) {
             return;
@@ -124,9 +136,6 @@ export const InputDateMask = (_a) => {
     const getValueError = () => {
         return value !== undefined && !isDateInRange(value);
     };
-    const formatDate = (date) => {
-        return date ? moment(date).format(dateFormat) : '';
-    };
     const parseDate = React.useCallback((date) => moment(date, dateFormat).toDate(), [dateFormat]);
     const doesMaskExist = () => {
         return maskValue !== '' && maskValue !== undefined;

package/dist/components/DatePicker/InputDateMask.js.map

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

package/dist/components/DateRangePicker/DateRangePicker.d.ts

@@ -1,10 +1,31 @@
 import React, { FC } from 'react';
 import { PopoverProps } from '../Popover';
-import { InputProps } from '../Input';
-import { DateRangeOptionListProps } from './components';
+import { DateRangeOptionListProps, DateRangeInputProps } from './components';
 import { MultiViewCalendarProps, SelectionRange } from '@progress/kendo-react-dateinputs';
 import { dateFormatProps } from '../../utilities/dateFormat';
 import { UseFocusTrapProps } from '../../hooks';
+interface CalendarInputProps {
+    placeholder?: DateRangeInputProps['placeholder'];
+    onChange?: DateRangeInputProps['onChange'];
+    onBlur?: DateRangeInputProps['onBlur'];
+}
+interface DropdownProps {
+    portal?: boolean;
+    direction?: PopoverProps['direction'];
+    autoFlipVertically?: PopoverProps['autoFlipVertically'];
+    autoFlipHorizontally?: PopoverProps['autoFlipHorizontally'];
+    options?: DateRangeOptionListProps['options'];
+    startDateInput?: CalendarInputProps;
+    endDateInput?: CalendarInputProps;
+    focusedDate?: Date;
+    views?: 1 | 2;
+}
+interface InputProps {
+    size?: 'small' | 'medium' | 'large';
+    placeholder?: string;
+    displayValue?: string;
+    element?: (value: DateRangePickerProps['value'] | any, triggerProp: triggerProps, open: DateRangePickerProps['open'], error: DateRangePickerProps['error']) => React.ReactElement;
+}
 export interface DateRangePickerProps {
     /** Disabled state */
     disabled?: boolean;
@@ -12,12 +33,6 @@ export interface DateRangePickerProps {
     required?: boolean;
     /** Error state */
     error?: boolean;
-    /** Maximum date allowed */
-    maxDate?: MultiViewCalendarProps['max'];
-    /** Minimum date allowed */
-    minDate?: MultiViewCalendarProps['min'];
-    /** Trigger Size */
-    size?: 'small' | 'medium' | 'large';
     /** onChange function */
     onChange?: (value: MultiViewCalendarProps['value'] | any) => void;
     /** A handler that is called on every open and close action */
@@ -26,30 +41,16 @@ export interface DateRangePickerProps {
     onClickOutside?: PopoverProps['onClickOutside'];
     /** Default calendar value */
     defaultValue?: MultiViewCalendarProps['value'];
-    /** Placeholder value */
-    placeholder?: string;
-    startPlaceholder?: InputProps['placeholder'];
-    endPlaceholder?: InputProps['placeholder'];
-    /** Popover direction */
-    direction?: PopoverProps['direction'];
+    /** Maximum date allowed */
+    maxDate?: MultiViewCalendarProps['max'];
+    /** Minimum date allowed */
+    minDate?: MultiViewCalendarProps['min'];
     /** Set value */
     value?: SelectionRange;
-    /** Display value */
-    displayValue?: string;
-    /** SidePanel */
-    options?: DateRangeOptionListProps['options'];
     /** Whether the DateRangePicker is open or not */
     open?: boolean;
-    /** Renders DateRangePicker on document root through createPortal. */
-    portal?: boolean;
     /** Disables close on click outside */
     disableCloseOnClickOutside?: boolean;
-    /** Which date cell to be focused when calendar opens */
-    focusedDate?: Date;
-    /** Options passed into useFocusTrap */
-    focusTrapOptions?: UseFocusTrapProps;
-    autoFlipVertically?: PopoverProps['autoFlipVertically'];
-    autoFlipHorizontally?: PopoverProps['autoFlipHorizontally'];
     /**
      * Date formatting object
      * Reference: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat
@@ -57,17 +58,63 @@ export interface DateRangePickerProps {
     dateFormat?: dateFormatProps;
     /** Changes the onChange return to ISO string format */
     isoFormat?: boolean;
-    /** This will override native trigger component */
-    trigger?: (
-    /** returns internal trigger value */
-    value: DateRangePickerProps['value'] | any, 
-    /** returns internal trigger prop */
-    triggerProp: triggerProps, 
-    /** returns internal open state */
-    open: DateRangePickerProps['open'], 
-    /** returns interal error state */
-    error: DateRangePickerProps['error']) => React.ReactElement;
-    /** How many calendar shows up in the popup */
+    /** Options passed into useFocusTrap */
+    focusTrapOptions?: UseFocusTrapProps;
+    /** popover component prop */
+    dropdown?: DropdownProps;
+    /** trigger component prop */
+    input?: InputProps;
+    /**
+     * @deprecated - use input.size
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * @deprecated - use input.placeholder
+     */
+    placeholder?: string;
+    /**
+     * @deprecated - use input.displayValue
+     */
+    displayValue?: string;
+    /**
+     * @deprecated - use input.element
+     */
+    trigger?: (value: DateRangePickerProps['value'] | any, triggerProp: triggerProps, open: DateRangePickerProps['open'], error: DateRangePickerProps['error']) => React.ReactElement;
+    /**
+     * @deprecated - use dropdown.portal
+     */
+    portal?: boolean;
+    /**
+     * @deprecated - use dropdown.direction
+     */
+    direction?: PopoverProps['direction'];
+    /**
+     * @deprecated - use dropdown.autoFlipVertically
+     */
+    autoFlipVertically?: PopoverProps['autoFlipVertically'];
+    /**
+     * @deprecated - use dropdown.autoFlipHorizontally
+     */
+    autoFlipHorizontally?: PopoverProps['autoFlipHorizontally'];
+    /**
+     * @deprecated - use dropdown.options
+     */
+    options?: DateRangeOptionListProps['options'];
+    /**
+     * @deprecated - use dropdown.startDateInput.placeholder
+     */
+    startPlaceholder?: InputProps['placeholder'];
+    /**
+     * @deprecated - use dropdown.endDateInput.placeholder
+     */
+    endPlaceholder?: InputProps['placeholder'];
+    /**
+     * @deprecated - use dropdown.focusedDate
+     */
+    focusedDate?: Date;
+    /**
+     * @deprecated - use dropdown.views
+     */
     views?: 1 | 2;
 }
 interface triggerProps {

package/dist/components/DateRangePicker/DateRangePicker.js

@@ -25,17 +25,13 @@ import { DateTime } from 'luxon';
 import { checkScope } from './utils';
 export const DateRangePicker = (_a) => {
     var _b, _c, _d, _e, _f, _g, _h;
-    var { 
-    // for trigger
-    size = 'medium', disabled, error, placeholder, required, 
-    // custom trigger
-    trigger, 
-    // for popover
-    options, direction = 'br', open, disableCloseOnClickOutside, onClickOutside, onOpenChange, autoFlipHorizontally, autoFlipVertically, focusTrapOptions, dateFormat, portal = true, 
-    // for calendar
-    value, defaultValue, displayValue, onChange, maxDate, minDate, focusedDate, views = 1, isoFormat, 
-    // for inputs
-    startPlaceholder = 'Start Date', endPlaceholder = 'End Date' } = _a, rest = __rest(_a, ["size", "disabled", "error", "placeholder", "required", "trigger", "options", "direction", "open", "disableCloseOnClickOutside", "onClickOutside", "onOpenChange", "autoFlipHorizontally", "autoFlipVertically", "focusTrapOptions", "dateFormat", "portal", "value", "defaultValue", "displayValue", "onChange", "maxDate", "minDate", "focusedDate", "views", "isoFormat", "startPlaceholder", "endPlaceholder"]);
+    var { disabled, error, required, open, disableCloseOnClickOutside, onClickOutside, onOpenChange, focusTrapOptions, dateFormat, value, defaultValue, onChange, maxDate, minDate, isoFormat, input, dropdown, 
+    // deprecated props
+    trigger, size: dsize = 'medium', placeholder: dplaceholder = 'Select Date Range', direction: ddirection = 'br', autoFlipHorizontally: dautoFlipHorizontally, autoFlipVertically: dautoFlipVertically, portal: dPortal = true, displayValue: ddisplayValue, views: dviews = 1, focusedDate: dfocusedDate, options: doptions, startPlaceholder = 'Start Date', endPlaceholder = 'End Date' } = _a, rest = __rest(_a, ["disabled", "error", "required", "open", "disableCloseOnClickOutside", "onClickOutside", "onOpenChange", "focusTrapOptions", "dateFormat", "value", "defaultValue", "onChange", "maxDate", "minDate", "isoFormat", "input", "dropdown", "trigger", "size", "placeholder", "direction", "autoFlipHorizontally", "autoFlipVertically", "portal", "displayValue", "views", "focusedDate", "options", "startPlaceholder", "endPlaceholder"]);
+    const { portal = dPortal, direction = ddirection, autoFlipVertically = dautoFlipVertically, autoFlipHorizontally = dautoFlipHorizontally, options = doptions, startDateInput, endDateInput, focusedDate = dfocusedDate, views = dviews, } = Object.assign({}, dropdown);
+    const { size: inputSize = dsize, placeholder: inputPlaceholder = dplaceholder, displayValue: inputDisplayValue = ddisplayValue, element: inputEl = trigger, } = Object.assign({}, input);
+    const { placeholder: startDateInputplaceholder = startPlaceholder, onBlur: startDateInputOnBlur, onChange: startDateInputOnChange, } = Object.assign({}, startDateInput);
+    const { placeholder: endDateInputplaceholder = endPlaceholder, onBlur: endDateInputOnBlur, onChange: endDateInputOnChange, } = Object.assign({}, endDateInput);
     const triggerRef = React.useRef(null);
     const timezone = useContext(TimezoneContext);
     const getNewToday = DateTime.fromJSDate(new Date(), {
@@ -131,7 +127,10 @@ export const DateRangePicker = (_a) => {
         });
     };
     // handler for DateInput onBlur
-    const handleDateOnBlur = (type, data) => {
+    const handleDateOnBlur = (e, data, type) => {
+        type === 'start'
+            ? startDateInputOnBlur === null || startDateInputOnBlur === void 0 ? void 0 : startDateInputOnBlur(e, data)
+            : endDateInputOnBlur === null || endDateInputOnBlur === void 0 ? void 0 : endDateInputOnBlur(e, data);
         if (!blurBlocker.current) {
             if (!isValid(data)) {
                 setOutOfRange(Object.assign(Object.assign({}, outOfRange), { [type]: 'Enter valid date' }));
@@ -143,7 +142,10 @@ export const DateRangePicker = (_a) => {
             setIValue(value);
         }
     };
-    const handleDateOnChange = (type) => {
+    const handleDateOnChange = (e, data, type) => {
+        type === 'start'
+            ? startDateInputOnChange === null || startDateInputOnChange === void 0 ? void 0 : startDateInputOnChange(e, data)
+            : endDateInputOnChange === null || endDateInputOnChange === void 0 ? void 0 : endDateInputOnChange(e, data);
         setOutOfRange(Object.assign(Object.assign({}, outOfRange), { [type]: false }));
     };
     const handleOptionListOnChange = (data) => {
@@ -155,6 +157,7 @@ export const DateRangePicker = (_a) => {
         setIValue(newValue);
         onChange(data);
         setOpenCal(false);
+        onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(false);
     };
     React.useEffect(() => {
         var _a, _b, _c, _d;
@@ -187,6 +190,7 @@ export const DateRangePicker = (_a) => {
             : setInternalError(error !== null && error !== void 0 ? error : true);
         setInitialValue(iValue);
         setOpenCal(false);
+        onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(false);
         if (isoFormat) {
             onChange === null || onChange === void 0 ? void 0 : onChange({
                 start: (_e = iValue === null || iValue === void 0 ? void 0 : iValue.start) === null || _e === void 0 ? void 0 : _e.toISO(),
@@ -204,7 +208,8 @@ export const DateRangePicker = (_a) => {
         if (openCal) {
             setIValue(initialValue);
             setOpenCal(false);
-            !trigger && triggerRef.current.focus();
+            onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(false);
+            !inputEl && triggerRef.current.focus();
         }
     };
     const handleOnClickOutside = () => {
@@ -213,12 +218,19 @@ export const DateRangePicker = (_a) => {
             if (!disableCloseOnClickOutside) {
                 setIValue(initialValue);
                 setOpenCal(false);
+                onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(false);
             }
         }
     };
     // toggle open state
     const toggleOpen = () => {
-        openCal ? close() : setOpenCal(!openCal);
+        if (openCal) {
+            close();
+        }
+        else {
+            setOpenCal(!openCal);
+            onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(true);
+        }
     };
     // keyboard event for end date input to confirm and close
     const calendarKeyPress = (event) => {
@@ -241,17 +253,21 @@ export const DateRangePicker = (_a) => {
     };
     // keyboard event for trigger to open popover
     const triggerKeyPress = (event) => {
-        (event.code === Keys.Enter || event.code === Keys.Space) &&
+        if (event.code === Keys.Enter || event.code === Keys.Space) {
             setOpenCal(true);
+            onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(true);
+        }
     };
     // Handles when open prop changes
+    const initialRender = useRef(true);
     React.useEffect(() => {
         setOpenCal(open);
+        if (!initialRender.current) {
+            onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(open);
+        }
+        initialRender.current = false;
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [open]);
-    // Triggers whenever openCal changes
-    React.useEffect(() => {
-        onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(openCal);
-    }, [onOpenChange, openCal]);
     const hasError = outOfRange.start || outOfRange.end;
     const hasAcceptableValues = (iValue.start && iValue.end) ||
         (iValue.start === null && iValue.end === null);
@@ -270,30 +286,30 @@ export const DateRangePicker = (_a) => {
         }
         return React.createElement(CalendarCell, Object.assign({}, props, { isToday: false }));
     };
-    return (React.createElement(Popover, { open: !disabled && openCal, onClickOutside: handleOnClickOutside, trigger: (_d = trigger === null || trigger === void 0 ? void 0 : trigger(initialValue, triggerProps, openCal, internalError)) !== null && _d !== void 0 ? _d : (React.createElement(DateRangeTrigger, Object.assign({ open: openCal, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : 'Select Date Range', onClick: toggleOpen, onKeyDown: triggerKeyPress, onChange: clearDateRange, value: {
+    return (React.createElement(Popover, { open: !disabled && openCal, onClickOutside: handleOnClickOutside, trigger: (_d = inputEl === null || inputEl === void 0 ? void 0 : inputEl(initialValue, triggerProps, openCal, internalError)) !== null && _d !== void 0 ? _d : (React.createElement(DateRangeTrigger, Object.assign({ open: openCal, placeholder: inputPlaceholder, onClick: toggleOpen, onKeyDown: triggerKeyPress, onChange: clearDateRange, value: {
                 start: initialValue.start
                     ? new Date(format(initialValue.start))
                     : null,
                 end: initialValue.end
                     ? new Date(format(initialValue.end))
                     : null,
-            }, displayValue: displayValue, disabled: disabled, error: internalError, dateFormat: dateFormat, size: size, ref: triggerRef, required: required, "data-anvil-component": "DateRangePicker" }, rest))), direction: direction, padding: null, width: "auto", className: "DateRangePicker__popover", portal: portal, focusTrapOptions: focusTrapOptions, autoFlipHorizontally: autoFlipHorizontally, autoFlipVertically: autoFlipVertically },
+            }, displayValue: inputDisplayValue, disabled: disabled, error: internalError, dateFormat: dateFormat, size: inputSize, ref: triggerRef, required: required, "data-anvil-component": "DateRangePicker" }, rest))), direction: direction, padding: null, width: "auto", className: "DateRangePicker__popover", portal: portal, focusTrapOptions: focusTrapOptions, autoFlipHorizontally: autoFlipHorizontally, autoFlipVertically: autoFlipVertically },
         React.createElement(KeyPressListener, { code: Keys.Esc, handler: close, disabled: disableCloseOnClickOutside || !openCal }),
         React.createElement("div", { className: "d-f flex-row" },
             options && options.length > 0 && (React.createElement(DateRangeOptionList, { options: options, min: (_e = minMaxRange === null || minMaxRange === void 0 ? void 0 : minMaxRange.min) === null || _e === void 0 ? void 0 : _e.toJSDate(), max: (_f = minMaxRange === null || minMaxRange === void 0 ? void 0 : minMaxRange.max) === null || _f === void 0 ? void 0 : _f.toJSDate(), onChange: handleOptionListOnChange })),
             React.createElement("div", { className: "DateRangePicker" },
                 React.createElement("div", { className: "DateRangePicker__header" },
                     React.createElement("div", { className: "DateRangePicker__inputGroup" },
-                        React.createElement(DateRangeInput, { placeholder: startPlaceholder, value: format(iValue === null || iValue === void 0 ? void 0 : iValue.start), error: outOfRange === null || outOfRange === void 0 ? void 0 : outOfRange.start, dateFormat: dateFormat, onBlur: (value) => {
-                                handleDateOnBlur('start', value);
-                            }, onChange: () => {
-                                handleDateOnChange('start');
+                        React.createElement(DateRangeInput, { placeholder: startDateInputplaceholder, value: format(iValue === null || iValue === void 0 ? void 0 : iValue.start), error: outOfRange === null || outOfRange === void 0 ? void 0 : outOfRange.start, dateFormat: dateFormat, onBlur: (e, data) => {
+                                handleDateOnBlur(e, data, 'start');
+                            }, onChange: (e, data) => {
+                                handleDateOnChange(e, data, 'start');
                             } }),
                         React.createElement(Icon, { name: "arrow_forward", className: "DateRangePicker__fromTo" }),
-                        React.createElement(DateRangeInput, { placeholder: endPlaceholder, value: format(iValue === null || iValue === void 0 ? void 0 : iValue.end), error: outOfRange === null || outOfRange === void 0 ? void 0 : outOfRange.end, dateFormat: dateFormat, onBlur: (value) => {
-                                handleDateOnBlur('end', value);
-                            }, onChange: () => {
-                                handleDateOnChange('end');
+                        React.createElement(DateRangeInput, { placeholder: endDateInputplaceholder, value: format(iValue === null || iValue === void 0 ? void 0 : iValue.end), error: outOfRange === null || outOfRange === void 0 ? void 0 : outOfRange.end, dateFormat: dateFormat, onBlur: (e, data) => {
+                                handleDateOnBlur(e, data, 'end');
+                            }, onChange: (e, data) => {
+                                handleDateOnChange(e, data, 'end');
                             } }))),
                 React.createElement("div", { onKeyPress: calendarKeyPress, className: "DatePicker__calendar" },
                     React.createElement(MultiViewCalendar, { mode: "range", views: views, value: {