@servicetitan/form 14.3.0 → 16.0.2

package/dist/input-date-mask/input-date-mask.js

@@ -0,0 +1,122 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputDateMask = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const design_system_1 = require("@servicetitan/design-system");
+const mobx_1 = require("mobx");
+const mobx_react_1 = require("mobx-react");
+const moment_1 = __importDefault(require("moment"));
+const react_input_mask_1 = __importDefault(require("react-input-mask"));
+const classnames_1 = __importDefault(require("classnames"));
+const Styles = __importStar(require("./input-date-mask.module.css"));
+const KEY_DEL = 46;
+exports.InputDateMask = mobx_react_1.observer(({ className, maskChar = 'X', alwaysShowMask, shortLabel, value, onChange, 'qa-testing': qaTestingLocator, error, disabled, placeholder, dateFormat = 'MM/DD/YYYY', minDate, maxDate, }) => {
+    const state = mobx_react_1.useLocalStore(() => ({
+        maskValue: '',
+        setMask: mobx_1.action(function (mask) {
+            this.maskValue = mask;
+        }),
+    }));
+    const handleKeyDown = (evt) => {
+        if (evt.keyCode === KEY_DEL) {
+            onChange(undefined);
+            state.setMask('');
+        }
+    };
+    const handleChange = (event) => {
+        const value = event.target.value;
+        state.setMask(value);
+        if (event.type === 'focus' || event.type === 'blur') {
+            return;
+        }
+        if (isMaskValid(value)) {
+            onChange(parseDate(value));
+        }
+        else {
+            onChange(undefined);
+        }
+    };
+    react_1.useEffect(() => {
+        if (value === undefined && isMaskValid(state.maskValue)) {
+            state.setMask('');
+        }
+    }, [value]); // eslint-disable-line react-hooks/exhaustive-deps
+    const getMaskError = () => {
+        return value === undefined && state.maskValue !== '' && isMaskInvalid(state.maskValue);
+    };
+    const getValueError = () => {
+        return value !== undefined && !isDateInRange(value);
+    };
+    const formatDate = (date) => {
+        return date ? moment_1.default(date).format(dateFormat) : '';
+    };
+    const parseDate = (date) => {
+        return moment_1.default(date, dateFormat).toDate();
+    };
+    const isMaskValid = (mask) => {
+        return !mask.includes(maskChar) && isDateStringValid(mask);
+    };
+    const isMaskInvalid = (mask) => {
+        return !mask.includes(maskChar) && !isDateStringValid(mask);
+    };
+    const isDateStringValid = (date) => {
+        return moment_1.default(date, dateFormat).isValid() && isDateInRange(parseDate(date));
+    };
+    const isDateInRange = (date) => {
+        if (minDate && maxDate) {
+            return date >= minDate && date <= maxDate;
+        }
+        else if (minDate) {
+            return date >= minDate;
+        }
+        else if (maxDate) {
+            return date <= maxDate;
+        }
+        return true;
+    };
+    const mask = dateFormat.replace(/[MDY]/g, '9');
+    const realError = error || getMaskError() || getValueError();
+    const realPlaceholder = placeholder || mask.replace(/9/g, maskChar);
+    const classes = classnames_1.default(className, qaTestingLocator, Styles.input, {
+        [Styles.error]: realError,
+    });
+    return (jsx_runtime_1.jsx(react_input_mask_1.default, Object.assign({ mask: mask, maskChar: maskChar, onChange: handleChange, onKeyDown: handleKeyDown, alwaysShowMask: alwaysShowMask, value: formatDate(value) || state.maskValue }, { children: (_a) => {
+            var { size } = _a, props = __rest(_a, ["size"]);
+            return (jsx_runtime_1.jsx("div", { children: jsx_runtime_1.jsx(design_system_1.Input, Object.assign({}, props, { shortLabel: shortLabel, className: classes, small: true, fluid: true, error: realError, disabled: disabled, placeholder: realPlaceholder }), void 0) }, void 0));
+        } }), void 0));
+});
+//# sourceMappingURL=input-date-mask.js.map

package/dist/input-date-mask/input-date-mask.js.map

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

package/dist/input-date-mask/input-date-mask.module.css

@@ -0,0 +1,22 @@
+.input {
+    font-size: var(--typescale-2);
+    flex-grow: 1;
+}
+
+.input :global(.label) {
+    background-color: var(--color-neutral-30);
+    border: 1px solid var(--color-neutral-60);
+    font-size: var(--typescale-3);
+    color: var(--color-neutral-90);
+}
+
+.input.error :global(.label) {
+    transition: all 0.2s ease-in-out;
+    color: var(--color-red-500) !important;
+    border-color: var(--color-red-500) !important;
+    background-color: var(--color-red-100) !important;
+}
+
+.input.error input:focus {
+    border-left-color: transparent !important;
+}

package/dist/original-number-input/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ordinal-number-input';
+//# sourceMappingURL=index.d.ts.map

package/dist/original-number-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/original-number-input/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}

package/dist/original-number-input/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ordinal-number-input"), exports);
+//# sourceMappingURL=index.js.map

package/dist/original-number-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/original-number-input/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,yDAAuC"}

package/dist/original-number-input/ordinal-number-input.d.ts

@@ -0,0 +1,22 @@
+import { InputProps } from '@servicetitan/design-system';
+import { Component } from 'react';
+export interface OrdinalNumberInputProps extends Omit<InputProps, 'onChange'> {
+    min: number;
+    max: number;
+    value?: number;
+    onChange?(value?: number): void;
+}
+export declare class OrdinalNumberInput extends Component<OrdinalNumberInputProps> {
+    hasFocus: boolean;
+    constructor(props: OrdinalNumberInputProps);
+    render(): JSX.Element;
+    private handleFocus;
+    private handleBlur;
+    private handleChange;
+    private getPlaceholder;
+    private getDisplayValue;
+}
+export declare function parseIntIntoRange(input: string, min: number, max: number): number | undefined;
+export declare function ordinalString(num: number): string;
+export declare function ordinalSuffix(num: number): string;
+//# sourceMappingURL=ordinal-number-input.d.ts.map

package/dist/original-number-input/ordinal-number-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ordinal-number-input.d.ts","sourceRoot":"","sources":["../../src/original-number-input/ordinal-number-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAGhE,OAAO,EAAE,SAAS,EAAe,MAAM,OAAO,CAAC;AAE/C,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC;IACzE,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACnC;AAED,qBACa,kBAAmB,SAAQ,SAAS,CAAC,uBAAuB,CAAC;IAC1D,QAAQ,UAAS;gBAEjB,KAAK,EAAE,uBAAuB;IAK1C,MAAM;IAeE,OAAO,CAAC,WAAW,CAAgC;IACnD,OAAO,CAAC,UAAU,CAAiC;IAE3D,OAAO,CAAC,YAAY,CAKlB;IAEF,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,eAAe;CAO1B;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,sBAWxE;AAED,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAkBjD;AAED,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAkBjD"}

package/dist/original-number-input/ordinal-number-input.js

@@ -0,0 +1,149 @@
+"use strict";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ordinalSuffix = exports.ordinalString = exports.parseIntIntoRange = exports.OrdinalNumberInput = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const design_system_1 = require("@servicetitan/design-system");
+const mobx_1 = require("mobx");
+const mobx_react_1 = require("mobx-react");
+const react_1 = require("react");
+let OrdinalNumberInput = class OrdinalNumberInput extends react_1.Component {
+    constructor(props) {
+        super(props);
+        Object.defineProperty(this, "hasFocus", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "handleFocus", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => (this.hasFocus = true)
+        });
+        Object.defineProperty(this, "handleBlur", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => (this.hasFocus = false)
+        });
+        Object.defineProperty(this, "handleChange", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (e) => {
+                const parsed = parseIntIntoRange(e.currentTarget.value, this.props.min, this.props.max);
+                if (this.props.onChange) {
+                    this.props.onChange(parsed);
+                }
+            }
+        });
+        mobx_1.makeObservable(this);
+    }
+    render() {
+        const _a = this.props, { min, max, value, onChange } = _a, props = __rest(_a, ["min", "max", "value", "onChange"]);
+        return (jsx_runtime_1.jsx(design_system_1.Input, Object.assign({ placeholder: this.getPlaceholder() }, props, { value: this.getDisplayValue(), onFocus: this.handleFocus, onBlur: this.handleBlur, onChange: this.handleChange }), void 0));
+    }
+    getPlaceholder() {
+        return `${this.props.min}‒${this.props.max}`;
+    }
+    getDisplayValue() {
+        const value = this.props.value;
+        if (typeof value !== 'number') {
+            return '';
+        }
+        return this.hasFocus ? value.toString() : ordinalString(value);
+    }
+};
+__decorate([
+    mobx_1.observable,
+    __metadata("design:type", Object)
+], OrdinalNumberInput.prototype, "hasFocus", void 0);
+__decorate([
+    mobx_1.action,
+    __metadata("design:type", Object)
+], OrdinalNumberInput.prototype, "handleFocus", void 0);
+__decorate([
+    mobx_1.action,
+    __metadata("design:type", Object)
+], OrdinalNumberInput.prototype, "handleBlur", void 0);
+OrdinalNumberInput = __decorate([
+    mobx_react_1.observer,
+    __metadata("design:paramtypes", [Object])
+], OrdinalNumberInput);
+exports.OrdinalNumberInput = OrdinalNumberInput;
+function parseIntIntoRange(input, min, max) {
+    let parsed = parseInt(input, 10);
+    if (Number.isNaN(parsed)) {
+        return undefined;
+    }
+    if (parsed < min) {
+        parsed = min;
+    }
+    else if (parsed > max) {
+        parsed = max;
+    }
+    return parsed;
+}
+exports.parseIntIntoRange = parseIntIntoRange;
+function ordinalString(num) {
+    switch (num % 100) {
+        case 11:
+        case 12:
+        case 13:
+            return num.toString() + 'th';
+        default:
+            switch (num % 10) {
+                case 1:
+                    return num.toString() + 'st';
+                case 2:
+                    return num.toString() + 'nd';
+                case 3:
+                    return num.toString() + 'rd';
+                default:
+                    return num.toString() + 'th';
+            }
+    }
+}
+exports.ordinalString = ordinalString;
+function ordinalSuffix(num) {
+    switch (num % 100) {
+        case 11:
+        case 12:
+        case 13:
+            return 'th';
+        default:
+            switch (num % 10) {
+                case 1:
+                    return 'st';
+                case 2:
+                    return 'nd';
+                case 3:
+                    return 'rd';
+                default:
+                    return 'th';
+            }
+    }
+}
+exports.ordinalSuffix = ordinalSuffix;
+//# sourceMappingURL=ordinal-number-input.js.map

package/dist/original-number-input/ordinal-number-input.js.map

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

package/dist/phone-number-input/index.d.ts

@@ -0,0 +1,2 @@
+export * from './phone-number-input';
+//# sourceMappingURL=index.d.ts.map

package/dist/phone-number-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/phone-number-input/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}

package/dist/phone-number-input/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./phone-number-input"), exports);
+//# sourceMappingURL=index.js.map

package/dist/phone-number-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/phone-number-input/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,uDAAqC"}

package/dist/phone-number-input/phone-number-input.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { FormInputProps } from '@servicetitan/design-system';
+export interface PhoneNumberInputProps extends FormInputProps {
+    sip?: boolean;
+}
+export declare const PhoneNumberInput: import("react").ForwardRefExoticComponent<Pick<PhoneNumberInputProps, string | number> & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=phone-number-input.d.ts.map

package/dist/phone-number-input/phone-number-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone-number-input.d.ts","sourceRoot":"","sources":["../../src/phone-number-input/phone-number-input.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAQ,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAEnE,MAAM,WAAW,qBAAsB,SAAQ,cAAc;IACzD,GAAG,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,gBAAgB,2IAS5B,CAAC"}

package/dist/phone-number-input/phone-number-input.js

@@ -0,0 +1,26 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PhoneNumberInput = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_input_mask_1 = __importDefault(require("react-input-mask"));
+const design_system_1 = require("@servicetitan/design-system");
+exports.PhoneNumberInput = react_1.forwardRef((_a, ref) => {
+    var { sip } = _a, props = __rest(_a, ["sip"]);
+    return sip ? (jsx_runtime_1.jsx(design_system_1.Form.Input, Object.assign({}, props, { ref: ref }), void 0)) : (jsx_runtime_1.jsx(react_input_mask_1.default, Object.assign({ maskChar: null, mask: "(999) 999-9999" }, props, { children: () => jsx_runtime_1.jsx(design_system_1.Form.Input, Object.assign({ ref: ref }, props), void 0) }), void 0));
+});
+//# sourceMappingURL=phone-number-input.js.map

package/dist/phone-number-input/phone-number-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone-number-input.js","sourceRoot":"","sources":["../../src/phone-number-input/phone-number-input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAmC;AACnC,wEAAyC;AAEzC,+DAAmE;AAMtD,QAAA,gBAAgB,GAAG,kBAAU,CACtC,CAAC,EAAiB,EAAE,GAAG,EAAE,EAAE;QAA1B,EAAE,GAAG,OAAY,EAAP,KAAK,cAAf,OAAiB,CAAF;IACZ,OAAA,GAAG,CAAC,CAAC,CAAC,CACF,kBAAC,oBAAI,CAAC,KAAK,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,YAAI,CACtC,CAAC,CAAC,CAAC,CACA,kBAAC,0BAAS,kBAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAC,gBAAgB,IAAK,KAAK,cACrD,GAAG,EAAE,CAAC,kBAAC,oBAAI,CAAC,KAAK,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,UAAI,YAClC,CACf,CAAA;CAAA,CACR,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@servicetitan/form",
-    "version": "14.3.0",
+    "version": "16.0.2",
     "description": "",
     "homepage": "https://docs.st.dev/docs/frontend/form",
     "repository": {
@@ -15,38 +15,45 @@
         "src"
     ],
     "devDependencies": {
-        "@servicetitan/confirm": "^14.3.0",
-        "@servicetitan/culture": "^14.3.0",
-        "@servicetitan/data-query": "^14.3.0",
-        "@servicetitan/design-system": "~10.1.0",
-        "@servicetitan/react-ioc": "^14.3.0",
-        "@servicetitan/tokens": "~10.1.0",
+        "@servicetitan/confirm": "^16.0.2",
+        "@servicetitan/culture": "^16.0.2",
+        "@servicetitan/data-query": "^16.0.2",
+        "@servicetitan/design-system": "~10.2.1",
+        "@servicetitan/react-ioc": "^16.0.2",
+        "@servicetitan/tokens": "~10.2.1",
         "@types/debounce": "~1.2.0",
-        "@types/react": "~17.0.19",
+        "@types/react": "~17.0.24",
         "@types/react-input-mask": "~2.0.5",
         "@types/uuid": "~8.3.1",
         "accounting": "~0.4.1",
         "formstate": "~2.0.0",
-        "mobx": "~6.3.2",
+        "mobx": "~6.3.3",
         "mobx-react": "~7.2.0",
+        "moment": "~2.29.1",
         "react": "~17.0.2",
+        "react-dom": "~17.0.2",
         "resumablejs": "~1.0.2"
     },
     "peerDependencies": {
         "@servicetitan/confirm": "^14.0.0",
         "@servicetitan/culture": "^14.0.0",
         "@servicetitan/data-query": "^14.0.0",
-        "@servicetitan/design-system": "~10.0.0",
+        "@servicetitan/design-system": "~10.2.1",
         "@servicetitan/react-ioc": "^14.0.0",
-        "@servicetitan/tokens": "~10.0.0",
+        "@servicetitan/tokens": "~10.2.1",
         "accounting": "~0.4.1",
         "formstate": "~2.0.0",
-        "mobx": "~6.3.2",
+        "mobx": "~6.3.3",
         "mobx-react": "~7.2.0",
+        "moment": "~2.29.1",
         "react": "~17.0.2",
+        "react-dom": "~17.0.2",
         "resumablejs": "~1.0.2"
     },
     "dependencies": {
+        "@progress/kendo-licensing": "~1.2.0",
+        "@progress/kendo-react-dateinputs": "~4.8.0",
+        "@progress/kendo-react-intl": "~4.8.0",
         "classnames": "~2.3.1",
         "debounce": "~1.2.1",
         "react-input-mask": "~2.0.4",
@@ -58,5 +65,5 @@
     "cli": {
         "webpack": false
     },
-    "gitHead": "2df095623b213e1d63051aba216d4eaa95acf432"
+    "gitHead": "11160147e4fa327c9be543c0ba7b0a8d3ae70705"
 }

package/src/date-range-picker/date-range-picker.module.css

@@ -0,0 +1,37 @@
+.date-range-picker {
+    position: relative;
+    display: flex;
+    min-width: 14em;
+}
+
+.date-range-picker .date-range-picker-kendo {
+    width: 0;
+    white-space: nowrap;
+    overflow: hidden;
+}
+.date-range-picker .date-range-picker-kendo :global(.k-textbox-container) {
+    padding-top: 0;
+    height: var(--spacing-4);
+}
+
+.date-range-picker .popup-center {
+    left: 50% !important;
+    transform: translateX(-50%);
+}
+
+.date-range-picker .popup-right {
+    left: auto !important;
+    right: 0;
+}
+
+.date-range-picker :global(.Input.InputDateMask.Input--small .InputAddon) {
+    padding-left: var(--spacing-1);
+    padding-right: var(--spacing-1);
+}
+
+.end-label {
+    margin: 0 var(--spacing-half);
+    color: var(--color-neutral-80);
+    font-size: var(--typescale-4);
+    width: var(--spacing-3);
+}

package/src/date-range-picker/date-range-picker.module.css.d.ts

@@ -0,0 +1,7 @@
+export const __esModule: true;
+export const dateRangePicker: string;
+export const dateRangePickerKendo: string;
+export const popupCenter: string;
+export const popupRight: string;
+export const endLabel: string;
+