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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -25,7 +25,7 @@ var InlineDescriptiveDropdown = function (_a) {
25
25
  var menuWidth = (themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.menuWidth) || 397;
26
26
  var menuWidthMax = menuWidth > 700 ? 700 : menuWidth;
27
27
  var confirmedMaxMenuHeight = maxMenuHeight && maxMenuHeight < 150 ? 150 : maxMenuHeight;
28
- var confirmedMenuWidth = menuWidthMax && menuWidthMax < 180 ? 180 : menuWidthMax;
28
+ var confirmedMenuWidth = menuWidthMax < 180 ? 180 : menuWidthMax;
29
29
  var radioType = switchType === SwitchTypeEnum.Radio;
30
30
  var confirmedStayOpen = stayOpen !== undefined ? stayOpen : !radioType;
31
31
  var linkText = (taglessArray === null || taglessArray === void 0 ? void 0 : taglessArray.length) > 0 ? taglessArray === null || taglessArray === void 0 ? void 0 : taglessArray.join(", ") : buttonText;
@@ -84,4 +84,4 @@ var InlineDescriptiveDropdown = function (_a) {
84
84
  };
85
85
 
86
86
  export { InlineDescriptiveDropdown as I };
87
- //# sourceMappingURL=InlineDescriptiveDropdown-DrkAZ12b.js.map
87
+ //# sourceMappingURL=InlineDescriptiveDropdown-Dr3tXxF5.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"InlineDescriptiveDropdown-DrkAZ12b.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"InlineDescriptiveDropdown-Dr3tXxF5.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,4 +1,4 @@
1
- export { I as InlineDescriptiveDropdown } from './InlineDescriptiveDropdown-DrkAZ12b.js';
1
+ export { I as InlineDescriptiveDropdown } from './InlineDescriptiveDropdown-Dr3tXxF5.js';
2
2
  import './_tslib-CcAXazg4.js';
3
3
  import 'react/jsx-runtime';
4
4
  import 'react';
package/lib/esm/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { _ as __assign, b as __makeTemplateObject, f as __rest, a as __spreadArray } from './_tslib-CcAXazg4.js';
2
- import { jsx, jsxs } from 'react/jsx-runtime';
2
+ import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
3
3
  import React__default, { useState, Fragment, useRef, useEffect } from 'react';
4
4
  import styled$1, { styled, useTheme } from 'styled-components';
5
5
  import { D as Drawer } from './Drawer-B8Q-IadJ.js';
@@ -136,7 +136,7 @@ export { A as AddMenu } from './AddMenu-JYAniP__.js';
136
136
  export { C as ColorPicker } from './ColorPicker-GpiQKQBz.js';
137
137
  export { C as ColorDotDropdown } from './ColorDotDropdown-BsWjlmKd.js';
138
138
  export { I as IconSwitcher } from './IconSwitcher-jtf-Jx0T.js';
139
- export { I as InlineDescriptiveDropdown } from './InlineDescriptiveDropdown-DrkAZ12b.js';
139
+ export { I as InlineDescriptiveDropdown } from './InlineDescriptiveDropdown-Dr3tXxF5.js';
140
140
  export { S as StatusDropdown } from './StatusDropdown-BZ6-fDUO.js';
141
141
  export { GlobalStyle } from './GlobalStyle.js';
142
142
  export { LayoutSidebar } from './LayoutSidebar.js';
@@ -448,17 +448,28 @@ var Base$1 = styled.div(templateObject_1$3 || (templateObject_1$3 = __makeTempla
448
448
  var $roomForError = _a.$roomForError;
449
449
  return ($roomForError ? 10 : 0);
450
450
  });
451
- var InputGroup = styled.div(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n display: flex;\n gap: ", "px;\n"], ["\n display: flex;\n gap: ", "px;\n"])), function (_a) {
451
+ var DashSeparator = styled.span(templateObject_2$2 || (templateObject_2$2 = __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) {
452
+ var _b;
453
+ var $themeOverride = _a.$themeOverride, theme = _a.theme;
454
+ return (_b = $themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.textFontSize) !== null && _b !== void 0 ? _b : theme.digitalInput.textFontSize;
455
+ }, function (_a) {
456
+ var _b, _c;
457
+ var disabled = _a.disabled, $themeOverride = _a.$themeOverride, theme = _a.theme;
458
+ return disabled
459
+ ? ((_b = $themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.disabledColor) !== null && _b !== void 0 ? _b : theme.input.disabledColor)
460
+ : ((_c = $themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.textColor) !== null && _c !== void 0 ? _c : theme.input.textColor);
461
+ });
462
+ var InputGroup = styled.div(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n display: flex;\n gap: ", "px;\n"], ["\n display: flex;\n gap: ", "px;\n"])), function (_a) {
452
463
  var _b;
453
464
  var $themeOverride = _a.$themeOverride, theme = _a.theme;
454
465
  return (_b = $themeOverride === null || $themeOverride === void 0 ? void 0 : $themeOverride.inputGap) !== null && _b !== void 0 ? _b : theme.digitalInput.inputGap;
455
466
  });
456
- var templateObject_1$3, templateObject_2$2;
467
+ var templateObject_1$3, templateObject_2$2, templateObject_3$2;
457
468
 
458
469
  var DEFAULT_DIGIT_LENGTH = 6;
459
470
  var DigitalInput = function (_a) {
460
471
  var _b, _c, _d, _e, _f, _g, _h;
461
- 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;
472
+ 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;
462
473
  // Refs
463
474
  var inputRefs = useRef(Array.from({ length: digitLength }, function () { return React__default.createRef(); }));
464
475
  var labelBoxRef = useRef(null);
@@ -563,6 +574,10 @@ var DigitalInput = function (_a) {
563
574
  var pasteEvent = newValue.length > 1;
564
575
  var updatedValues_1 = __assign({}, stateLib);
565
576
  if (pasteEvent) {
577
+ // If prefix is provided and the pasted value starts with prefix + dash, strip it
578
+ if (prefix && newValue.startsWith("".concat(prefix, "-"))) {
579
+ newValue = newValue.substring(prefix.length + 1);
580
+ }
566
581
  var nextIndex_1 = index;
567
582
  Array.from(newValue).forEach(function (char) {
568
583
  if (nextIndex_1 < digitLength) {
@@ -612,18 +627,40 @@ var DigitalInput = function (_a) {
612
627
  var handleEnter = function () {
613
628
  onComplete === null || onComplete === void 0 ? void 0 : onComplete(value);
614
629
  };
630
+ var getCommonInputProps = function () {
631
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
632
+ return ({
633
+ inputMode: inputMode || "text",
634
+ disabled: disabled,
635
+ noMinWidth: true,
636
+ sidePadding: 5,
637
+ // Theme props
638
+ 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,
639
+ activeBorderColor: (_c = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.activeBorderColor) !== null && _c !== void 0 ? _c : theme.input.activeBorderColor,
640
+ disabledColor: (_d = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.disabledColor) !== null && _d !== void 0 ? _d : theme.input.disabledColor,
641
+ disabledBorderColor: (_e = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.disabledBorderColor) !== null && _e !== void 0 ? _e : theme.input.disabledBorderColor,
642
+ failColor: (_f = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.failColor) !== null && _f !== void 0 ? _f : theme.input.failColor,
643
+ failColorSecondary: "transparent",
644
+ hoverBorderColor: (_g = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.hoverBorderColor) !== null && _g !== void 0 ? _g : theme.input.hoverBorderColor,
645
+ inactiveBorderColor: (_h = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.inactiveBorderColor) !== null && _h !== void 0 ? _h : theme.input.inactiveBorderColor,
646
+ inputBackgroundColor: (_j = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.inputBackgroundColor) !== null && _j !== void 0 ? _j : theme.input.inputBackgroundColor,
647
+ inputBorderRadius: (_k = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.inputBorderRadius) !== null && _k !== void 0 ? _k : theme.input.inputBorderRadius,
648
+ inputHeight: (_l = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.inputHeight) !== null && _l !== void 0 ? _l : theme.input.inputHeight,
649
+ inputWidth: (_m = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.inputWidth) !== null && _m !== void 0 ? _m : theme.digitalInput.inputWidth,
650
+ textAlign: "center",
651
+ textColor: (_o = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.textColor) !== null && _o !== void 0 ? _o : theme.input.textColor,
652
+ textFontSize: (_p = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.textFontSize) !== null && _p !== void 0 ? _p : theme.digitalInput.textFontSize,
653
+ });
654
+ };
615
655
  return (jsxs(Base$1, { ref: inputGroupRef, children: [jsxs(LabelBox, { ref: labelBoxRef, children: [showLabel({
616
656
  inputLabel: label,
617
657
  disabled: disabled,
618
658
  disabledColor: (_b = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.disabledColor) !== null && _b !== void 0 ? _b : theme.input.disabledColor,
619
659
  labelColor: (_c = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.labelColor) !== null && _c !== void 0 ? _c : theme.input.labelColor,
620
660
  removePaddingRight: required,
621
- }), required && (jsx(Asterisk, { "aria-label": "Required", "$asteriskColor": (_d = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.asteriskColor) !== null && _d !== void 0 ? _d : theme.input.asteriskColor, children: "*" }))] }), jsx(HiddenInput, { "aria-label": typeof label === "string" ? label : "code input", disabled: disabled, name: name, id: id, onChange: noop, ref: innerHiddenRef, tabIndex: -1, type: "text", value: value }), jsx(InputGroup, { "$themeOverride": themeOverride, children: Array.from({ length: digitLength }, function (_, index) {
622
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
623
- return (jsx(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],
624
- // Theme props
625
- 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)));
626
- }) }), jsx(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 && (jsx(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 }))] }));
661
+ }), required && (jsx(Asterisk, { "aria-label": "Required", "$asteriskColor": (_d = themeOverride === null || themeOverride === void 0 ? void 0 : themeOverride.asteriskColor) !== null && _d !== void 0 ? _d : theme.input.asteriskColor, children: "*" }))] }), jsx(HiddenInput, { "aria-label": typeof label === "string" ? label : "code input", disabled: disabled, name: name, id: id, onChange: noop, ref: innerHiddenRef, tabIndex: -1, type: "text", value: value }), jsxs(InputGroup, { "$themeOverride": themeOverride, children: [prefix && (jsxs(Fragment$1, { children: [jsx(InlineInput, __assign({}, getCommonInputProps(), { clickable: false, onChange: noop, onClick: noop, onInputBlur: noop, onInputFocus: noop, onKeyDown: noop, showValidationMessage: false, value: prefix }), "prefixInput"), jsx(DashSeparator, { "$themeOverride": themeOverride, disabled: disabled, children: "-" })] })), Array.from({ length: digitLength }, function (_, index) {
662
+ return (jsx(InlineInput, __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)));
663
+ })] }), jsx(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 && (jsx(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 }))] }));
627
664
  };
628
665
 
629
666
  var Base = styled.div(templateObject_1$2 || (templateObject_1$2 = __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"])));
@@ -18091,9 +18128,10 @@ function AddressField(props) {
18091
18128
  var country = properties.country;
18092
18129
  var handleChange = function (key, value, fullAddress) {
18093
18130
  var _a;
18131
+ var _b, _c;
18094
18132
  var newFormData = __assign(__assign({}, formData), (_a = {}, _a[key] = value, _a));
18095
18133
  if (fullAddress) {
18096
- newFormData = __assign(__assign({}, newFormData), { postalCode: fullAddress === null || fullAddress === void 0 ? void 0 : fullAddress.postalCode, state: fullAddress.state, city: fullAddress.city });
18134
+ newFormData = __assign(__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 });
18097
18135
  }
18098
18136
  onChange(newFormData);
18099
18137
  };
@@ -18410,7 +18448,7 @@ var DateField = function (props) {
18410
18448
  };
18411
18449
  return (jsx(FieldBox, { "$padding": contentPadding, children: jsx(DatePickerComponent, __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] }), {
18412
18450
  // uiSchema options
18413
- 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 })) }));
18451
+ 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 })) }));
18414
18452
  };
18415
18453
 
18416
18454
  var NUMBER_FIELD_INVALID_ERROR = "Please enter a valid number";