@cerebruminc/cerebellum 16.0.0 → 16.1.0-beta.dangerous.0f2ef4a

package/lib/cjs/{InlineDescriptiveDropdown-BLC78YOL.js → InlineDescriptiveDropdown-BaBs9GC1.js}

@@ -27,7 +27,7 @@ var InlineDescriptiveDropdown = function (_a) {
     var menuWidth = (themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.menuWidth) || 397;
     var menuWidthMax = menuWidth > 700 ? 700 : menuWidth;
     var confirmedMaxMenuHeight = maxMenuHeight && maxMenuHeight < 150 ? 150 : maxMenuHeight;
-    var confirmedMenuWidth = menuWidthMax && menuWidthMax < 180 ? 180 : menuWidthMax;
+    var confirmedMenuWidth = menuWidthMax < 180 ? 180 : menuWidthMax;
     var radioType = switchType === SwitchTypeEnum.SwitchTypeEnum.Radio;
     var confirmedStayOpen = stayOpen !== undefined ? stayOpen : !radioType;
     var linkText = (taglessArray === null || taglessArray === void 0 ? void 0 : taglessArray.length) > 0 ? taglessArray === null || taglessArray === void 0 ? void 0 : taglessArray.join(", ") : buttonText;
@@ -86,4 +86,4 @@ var InlineDescriptiveDropdown = function (_a) {
 };
 
 exports.InlineDescriptiveDropdown = InlineDescriptiveDropdown;
-//# sourceMappingURL=InlineDescriptiveDropdown-BLC78YOL.js.map
+//# sourceMappingURL=InlineDescriptiveDropdown-BaBs9GC1.js.map

package/lib/cjs/{InlineDescriptiveDropdown-BLC78YOL.js.map → InlineDescriptiveDropdown-BaBs9GC1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"InlineDescriptiveDropdown-BLC78YOL.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"InlineDescriptiveDropdown-BaBs9GC1.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/cjs/InlineDescriptiveDropdown.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var InlineDescriptiveDropdown = require('./InlineDescriptiveDropdown-BLC78YOL.js');
+var InlineDescriptiveDropdown = require('./InlineDescriptiveDropdown-BaBs9GC1.js');
 require('./_tslib-ByDtMVOd.js');
 require('react/jsx-runtime');
 require('react');

package/lib/cjs/index.cjs

@@ -133,7 +133,7 @@ var AddMenu = require('./AddMenu-Dg_u2cnf.js');
 var ColorPicker = require('./ColorPicker-V2Bv8d9A.js');
 var ColorDotDropdown = require('./ColorDotDropdown-DaAbxcMF.js');
 var IconSwitcher = require('./IconSwitcher-BZNt5l8W.js');
-var InlineDescriptiveDropdown = require('./InlineDescriptiveDropdown-BLC78YOL.js');
+var InlineDescriptiveDropdown = require('./InlineDescriptiveDropdown-BaBs9GC1.js');
 var StatusDropdown = require('./StatusDropdown-ki_sGs2E.js');
 var GlobalStyle = require('./GlobalStyle.cjs');
 var LayoutSidebar = require('./LayoutSidebar.cjs');
@@ -453,17 +453,28 @@ var Base$1 = styled.styled.div(templateObject_1$3 || (templateObject_1$3 = _tsli
     var $roomForError = _a.$roomForError;
     return ($roomForError ? 10 : 0);
 });
-var InputGroup = styled.styled.div(templateObject_2$2 || (templateObject_2$2 = _tslib.__makeTemplateObject(["\n  display: flex;\n  gap: ", "px;\n"], ["\n  display: flex;\n  gap: ", "px;\n"])), function (_a) {
+var DashSeparator = styled.styled.span(templateObject_2$2 || (templateObject_2$2 = _tslib.__makeTemplateObject(["\n  font-size: ", "px;\n  color: ", ";\n  font-weight: 500;\n  display: flex;\n  align-items: center;\n  margin: 0 4px;\n"], ["\n  font-size: ", "px;\n  color: ", ";\n  font-weight: 500;\n  display: flex;\n  align-items: center;\n  margin: 0 4px;\n"])), function (_a) {
+    var _b;
+    var $themeOverride = _a.$themeOverride, theme = _a.theme;
+    return (_b = $themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.textFontSize) !== null && _b !== void 0 ? _b : theme.digitalInput.textFontSize;
+}, function (_a) {
+    var _b, _c;
+    var disabled = _a.disabled, $themeOverride = _a.$themeOverride, theme = _a.theme;
+    return disabled
+        ? ((_b = $themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.disabledColor) !== null && _b !== void 0 ? _b : theme.input.disabledColor)
+        : ((_c = $themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.textColor) !== null && _c !== void 0 ? _c : theme.input.textColor);
+});
+var InputGroup = styled.styled.div(templateObject_3$2 || (templateObject_3$2 = _tslib.__makeTemplateObject(["\n  display: flex;\n  gap: ", "px;\n"], ["\n  display: flex;\n  gap: ", "px;\n"])), function (_a) {
     var _b;
     var $themeOverride = _a.$themeOverride, theme = _a.theme;
     return (_b = $themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.inputGap) !== null && _b !== void 0 ? _b : theme.digitalInput.inputGap;
 });
-var templateObject_1$3, templateObject_2$2;
+var templateObject_1$3, templateObject_2$2, templateObject_3$2;
 
 var DEFAULT_DIGIT_LENGTH = 6;
 var DigitalInput = function (_a) {
     var _b, _c, _d, _e, _f, _g, _h;
-    var autofocus = _a.autofocus, disabled = _a.disabled, _j = _a.digitLength, digitLength = _j === void 0 ? DEFAULT_DIGIT_LENGTH : _j, focus = _a.focus, helperText = _a.helperText, id = _a.id, innerHiddenRef = _a.innerHiddenRef, inputMode = _a.inputMode, label = _a.label, name = _a.name, onChange = _a.onChange, onComplete = _a.onComplete, onInputBlur = _a.onInputBlur, onInputFocus = _a.onInputFocus, _k = _a.required, required = _k === void 0 ? false : _k, showValidationMessage = _a.showValidationMessage, validationMessage = _a.validationMessage, value = _a.value, themeOverride = _a.themeOverride;
+    var autofocus = _a.autofocus, disabled = _a.disabled, _j = _a.digitLength, digitLength = _j === void 0 ? DEFAULT_DIGIT_LENGTH : _j, focus = _a.focus, helperText = _a.helperText, id = _a.id, innerHiddenRef = _a.innerHiddenRef, inputMode = _a.inputMode, label = _a.label, name = _a.name, onChange = _a.onChange, onComplete = _a.onComplete, onInputBlur = _a.onInputBlur, onInputFocus = _a.onInputFocus, _k = _a.required, required = _k === void 0 ? false : _k, showValidationMessage = _a.showValidationMessage, validationMessage = _a.validationMessage, value = _a.value, themeOverride = _a.themeOverride, prefix = _a.prefix;
     // Refs
     var inputRefs = React.useRef(Array.from({ length: digitLength }, function () { return React__default.default.createRef(); }));
     var labelBoxRef = React.useRef(null);
@@ -568,6 +579,10 @@ var DigitalInput = function (_a) {
             var pasteEvent = newValue.length > 1;
             var updatedValues_1 = _tslib.__assign({}, stateLib);
             if (pasteEvent) {
+                // If prefix is provided and the pasted value starts with prefix + dash, strip it
+                if (prefix && newValue.startsWith("".concat(prefix, "-"))) {
+                    newValue = newValue.substring(prefix.length + 1);
+                }
                 var nextIndex_1 = index;
                 Array.from(newValue).forEach(function (char) {
                     if (nextIndex_1 < digitLength) {
@@ -617,18 +632,40 @@ var DigitalInput = function (_a) {
     var handleEnter = function () {
         onComplete === null || onComplete === void 0 ? void 0 : onComplete(value);
     };
+    var getCommonInputProps = function () {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+        return ({
+            inputMode: inputMode || "text",
+            disabled: disabled,
+            noMinWidth: true,
+            sidePadding: 5,
+            // Theme props
+            activeBackgroundColor: (_b = (_a = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.activeBackgroundColor) !== null && _a !== void 0 ? _a : themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.inputBackgroundColor) !== null && _b !== void 0 ? _b : theme.input.inputBackgroundColor,
+            activeBorderColor: (_c = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.activeBorderColor) !== null && _c !== void 0 ? _c : theme.input.activeBorderColor,
+            disabledColor: (_d = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.disabledColor) !== null && _d !== void 0 ? _d : theme.input.disabledColor,
+            disabledBorderColor: (_e = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.disabledBorderColor) !== null && _e !== void 0 ? _e : theme.input.disabledBorderColor,
+            failColor: (_f = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.failColor) !== null && _f !== void 0 ? _f : theme.input.failColor,
+            failColorSecondary: "transparent",
+            hoverBorderColor: (_g = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.hoverBorderColor) !== null && _g !== void 0 ? _g : theme.input.hoverBorderColor,
+            inactiveBorderColor: (_h = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.inactiveBorderColor) !== null && _h !== void 0 ? _h : theme.input.inactiveBorderColor,
+            inputBackgroundColor: (_j = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.inputBackgroundColor) !== null && _j !== void 0 ? _j : theme.input.inputBackgroundColor,
+            inputBorderRadius: (_k = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.inputBorderRadius) !== null && _k !== void 0 ? _k : theme.input.inputBorderRadius,
+            inputHeight: (_l = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.inputHeight) !== null && _l !== void 0 ? _l : theme.input.inputHeight,
+            inputWidth: (_m = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.inputWidth) !== null && _m !== void 0 ? _m : theme.digitalInput.inputWidth,
+            textAlign: "center",
+            textColor: (_o = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.textColor) !== null && _o !== void 0 ? _o : theme.input.textColor,
+            textFontSize: (_p = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.textFontSize) !== null && _p !== void 0 ? _p : theme.digitalInput.textFontSize,
+        });
+    };
     return (jsxRuntime.jsxs(Base$1, { ref: inputGroupRef, children: [jsxRuntime.jsxs(Inputs.LabelBox, { ref: labelBoxRef, children: [showLabel.showLabel({
                         inputLabel: label,
                         disabled: disabled,
                         disabledColor: (_b = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.disabledColor) !== null && _b !== void 0 ? _b : theme.input.disabledColor,
                         labelColor: (_c = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.labelColor) !== null && _c !== void 0 ? _c : theme.input.labelColor,
                         removePaddingRight: required,
-                    }), required && (jsxRuntime.jsx(Inputs.Asterisk, { "aria-label": "Required", "$asteriskColor": (_d = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.asteriskColor) !== null && _d !== void 0 ? _d : theme.input.asteriskColor, children: "*" }))] }), jsxRuntime.jsx(Switches.HiddenInput, { "aria-label": typeof label === "string" ? label : "code input", disabled: disabled, name: name, id: id, onChange: isEmptyObject.noop, ref: innerHiddenRef, tabIndex: -1, type: "text", value: value }), jsxRuntime.jsx(InputGroup, { "$themeOverride": themeOverride, children: Array.from({ length: digitLength }, function (_, index) {
-                    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-                    return (jsxRuntime.jsx(InlineInput.InlineInput, { autofocus: autofocus && index === 0 ? true : undefined, inputMode: inputMode || "text", disabled: disabled, onChange: function (event) { return handleInputChange({ index: index, event: event }); }, onClick: function () { return handleInputClick(index); }, onEnter: handleEnter, onInputBlur: onInputBlur, onInputFocus: handleInputFocus, onKeyDown: function (event) { return handleKeyDown({ index: index, event: event }); }, noMinWidth: true, showValidationMessage: showValidationMessage, sidePadding: 5, innerRef: inputRefs.current[index], value: stateLib[index], 
-                        // Theme props
-                        activeBackgroundColor: (_b = (_a = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.activeBackgroundColor) !== null && _a !== void 0 ? _a : themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.inputBackgroundColor) !== null && _b !== void 0 ? _b : theme.input.inputBackgroundColor, activeBorderColor: (_c = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.activeBorderColor) !== null && _c !== void 0 ? _c : theme.input.activeBorderColor, disabledColor: (_d = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.disabledColor) !== null && _d !== void 0 ? _d : theme.input.disabledColor, disabledBorderColor: (_e = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.disabledBorderColor) !== null && _e !== void 0 ? _e : theme.input.disabledBorderColor, failColor: (_f = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.failColor) !== null && _f !== void 0 ? _f : theme.input.failColor, failColorSecondary: "transparent", hoverBorderColor: (_g = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.hoverBorderColor) !== null && _g !== void 0 ? _g : theme.input.hoverBorderColor, inactiveBorderColor: (_h = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.inactiveBorderColor) !== null && _h !== void 0 ? _h : theme.input.inactiveBorderColor, inputBackgroundColor: (_j = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.inputBackgroundColor) !== null && _j !== void 0 ? _j : theme.input.inputBackgroundColor, inputBorderRadius: (_k = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.inputBorderRadius) !== null && _k !== void 0 ? _k : theme.input.inputBorderRadius, inputHeight: (_l = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.inputHeight) !== null && _l !== void 0 ? _l : theme.input.inputHeight, inputWidth: (_m = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.inputWidth) !== null && _m !== void 0 ? _m : theme.digitalInput.inputWidth, textAlign: "center", textColor: (_o = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.textColor) !== null && _o !== void 0 ? _o : theme.input.textColor, textFontSize: (_p = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.textFontSize) !== null && _p !== void 0 ? _p : theme.digitalInput.textFontSize }, "digitalInput_".concat(index)));
-                }) }), jsxRuntime.jsx(Inputs.ValidationText, { ref: validationRef, "$showValidationMessage": !!showValidationMessage, "$disabled": disabled, "$failColor": (_e = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.failColor) !== null && _e !== void 0 ? _e : theme.input.failColor, "$disabledColor": (_f = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.disabledColor) !== null && _f !== void 0 ? _f : theme.input.disabledColor, "$designSwitch": designSwitch && showValidationMessage, children: validationMessage }), helperTextVisible && (jsxRuntime.jsx(Inputs.HelperText, { "data-sentry-unmask": true, "$disabled": disabled, "$helperTextColor": (_g = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.helperTextColor) !== null && _g !== void 0 ? _g : theme.input.helperTextColor, "$disabledColor": (_h = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.disabledColor) !== null && _h !== void 0 ? _h : theme.input.disabledColor, children: helperText }))] }));
+                    }), required && (jsxRuntime.jsx(Inputs.Asterisk, { "aria-label": "Required", "$asteriskColor": (_d = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.asteriskColor) !== null && _d !== void 0 ? _d : theme.input.asteriskColor, children: "*" }))] }), jsxRuntime.jsx(Switches.HiddenInput, { "aria-label": typeof label === "string" ? label : "code input", disabled: disabled, name: name, id: id, onChange: isEmptyObject.noop, ref: innerHiddenRef, tabIndex: -1, type: "text", value: value }), jsxRuntime.jsxs(InputGroup, { "$themeOverride": themeOverride, children: [prefix && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(InlineInput.InlineInput, _tslib.__assign({}, getCommonInputProps(), { clickable: false, onChange: isEmptyObject.noop, onClick: isEmptyObject.noop, onInputBlur: isEmptyObject.noop, onInputFocus: isEmptyObject.noop, onKeyDown: isEmptyObject.noop, showValidationMessage: false, value: prefix }), "prefixInput"), jsxRuntime.jsx(DashSeparator, { "$themeOverride": themeOverride, disabled: disabled, children: "-" })] })), Array.from({ length: digitLength }, function (_, index) {
+                        return (jsxRuntime.jsx(InlineInput.InlineInput, _tslib.__assign({}, getCommonInputProps(), { autofocus: autofocus && index === 0 ? true : undefined, onChange: function (event) { return handleInputChange({ index: index, event: event }); }, onClick: function () { return handleInputClick(index); }, onEnter: handleEnter, onInputBlur: onInputBlur, onInputFocus: handleInputFocus, onKeyDown: function (event) { return handleKeyDown({ index: index, event: event }); }, showValidationMessage: showValidationMessage, innerRef: inputRefs.current[index], value: stateLib[index] }), "digitalInput_".concat(index)));
+                    })] }), jsxRuntime.jsx(Inputs.ValidationText, { ref: validationRef, "$showValidationMessage": !!showValidationMessage, "$disabled": disabled, "$failColor": (_e = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.failColor) !== null && _e !== void 0 ? _e : theme.input.failColor, "$disabledColor": (_f = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.disabledColor) !== null && _f !== void 0 ? _f : theme.input.disabledColor, "$designSwitch": designSwitch && showValidationMessage, children: validationMessage }), helperTextVisible && (jsxRuntime.jsx(Inputs.HelperText, { "data-sentry-unmask": true, "$disabled": disabled, "$helperTextColor": (_g = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.helperTextColor) !== null && _g !== void 0 ? _g : theme.input.helperTextColor, "$disabledColor": (_h = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.disabledColor) !== null && _h !== void 0 ? _h : theme.input.disabledColor, children: helperText }))] }));
 };
 
 var Base = styled.styled.div(templateObject_1$2 || (templateObject_1$2 = _tslib.__makeTemplateObject(["\n  display: grid;\n  grid-template-rows: auto auto;\n  gap: 25px;\n  margin: 0;\n"], ["\n  display: grid;\n  grid-template-rows: auto auto;\n  gap: 25px;\n  margin: 0;\n"])));
@@ -18096,9 +18133,10 @@ function AddressField(props) {
     var country = properties.country;
     var handleChange = function (key, value, fullAddress) {
         var _a;
+        var _b, _c;
         var newFormData = _tslib.__assign(_tslib.__assign({}, formData), (_a = {}, _a[key] = value, _a));
         if (fullAddress) {
-            newFormData = _tslib.__assign(_tslib.__assign({}, newFormData), { postalCode: fullAddress === null || fullAddress === void 0 ? void 0 : fullAddress.postalCode, state: fullAddress.state, city: fullAddress.city });
+            newFormData = _tslib.__assign(_tslib.__assign({}, newFormData), { address: ((_c = (_b = fullAddress === null || fullAddress === void 0 ? void 0 : fullAddress.rawAddressObject) === null || _b === void 0 ? void 0 : _b.formattedSuggestion) === null || _c === void 0 ? void 0 : _c.mainText) || (fullAddress === null || fullAddress === void 0 ? void 0 : fullAddress.street), postalCode: fullAddress === null || fullAddress === void 0 ? void 0 : fullAddress.postalCode, state: fullAddress.state, city: fullAddress.city });
         }
         onChange(newFormData);
     };
@@ -18415,7 +18453,7 @@ var DateField = function (props) {
     };
     return (jsxRuntime.jsx(FieldBox, { "$padding": contentPadding, children: jsxRuntime.jsx(DatePickerComponent, _tslib.__assign({ disabled: disabled }, (hideLabel ? {} : { helperText: schema.description }), { id: id }, (hideLabel ? {} : { inputLabel: label || schema.title || name }), { name: name, onChange: handleDateChange, onBlur: function () { return onBlur(id, formData); }, onFocus: function () { return onFocus(id, formData); }, placeholderText: placeholder }, (hideLabel ? {} : { required: required }), { selectedDate: formData, showValidationMessage: !!(rawErrors === null || rawErrors === void 0 ? void 0 : rawErrors[0]) }, (hideLabel ? {} : { validationMessage: rawErrors === null || rawErrors === void 0 ? void 0 : rawErrors[0] }), { 
             // uiSchema options
-            activeBorderColor: ui.activeBorderColor, activeIconColor: ui.activeIconColor }, (hideLabel ? {} : { asteriskColor: ui.asteriskColor }), { calendarHeaderColor: ui.calendarHeaderColor, clearButton: true, dateFormat: ui.dateFormat || "MM / dd / yyyy", disabledColor: ui.disabledColor, failColor: ui.failColor, focus: ui.focus }, (hideLabel ? {} : { helperTextColor: ui.helperTextColor }), { hideIcon: ui.hideIcon, inactiveBorderColor: ui.inactiveBorderColor, inactiveIconColor: ui.inactiveIconColor, inputHeight: ui.inputHeight, inputWidth: ui.inputWidth }, (hideLabel ? {} : { labelColor: ui.labelColor }), { maxDateUnix: ui.maxDateUnix, minDateUnix: ui.minDateUnix, placeholderColor: ui.placeholderColor, selectedDateColor: ui.selectedDateColor, textColor: ui.textColor, textFontSize: ui.textFontSize, theme: ui.theme, yearOptionBegin: ui.yearOptionBegin, yearOptionEnd: ui.yearOptionEnd })) }));
+            activeBorderColor: ui.activeBorderColor, activeIconColor: ui.activeIconColor }, (hideLabel ? {} : { asteriskColor: ui.asteriskColor }), { calendarHeaderColor: ui.calendarHeaderColor, clearButton: true, dateFormat: ui.dateFormat || "MM / dd / yyyy", disabledColor: ui.disabledColor, failColor: ui.failColor, focus: ui.focus }, (hideLabel ? {} : { helperTextColor: ui.helperTextColor }), { hideIcon: true, noPicker: true, inactiveBorderColor: ui.inactiveBorderColor, inactiveIconColor: ui.inactiveIconColor, inputHeight: ui.inputHeight, inputWidth: ui.inputWidth }, (hideLabel ? {} : { labelColor: ui.labelColor }), { maxDateUnix: ui.maxDateUnix, minDateUnix: ui.minDateUnix, placeholderColor: ui.placeholderColor, selectedDateColor: ui.selectedDateColor, textColor: ui.textColor, textFontSize: ui.textFontSize, theme: ui.theme, yearOptionBegin: ui.yearOptionBegin, yearOptionEnd: ui.yearOptionEnd })) }));
 };
 
 var NUMBER_FIELD_INVALID_ERROR = "Please enter a valid number";