@onereach/ui-components 8.20.1 → 8.20.2-beta.4019.0

package/dist/bundled/v3/components/OrDateTimePicker-3dfd5fad.js

@@ -0,0 +1,1545 @@
+import { openBlock, createElementBlock, normalizeClass, withModifiers, toDisplayString, resolveComponent, createBlock, withCtx, renderSlot, createTextVNode, createCommentVNode, createElementVNode, createVNode, Transition, Fragment, renderList, withDirectives, vModelText, pushScopeId, popScopeId } from 'vue';
+import { s as styleInject } from './OrAvatar-de90adc4.js';
+import { defineComponent, ref, getCurrentInstance } from 'vue-demi';
+import { o as onClickOutside } from './OrBottomSheetV3-7c3a2189.js';
+import { setStyle, requestAF, getCS, reflow, cancelAF } from '../utils/functions/dom.js';
+import { pxToRem } from '../utils/functions/px-to-rem.js';
+import { s as script$2 } from './OrFloating-b4ce321d.js';
+import script$3 from './OrLabel/OrLabel.js';
+import script$4 from './OrError/OrError.js';
+import script$5 from './OrHint/OrHint.js';
+import script$6 from './OrCollapse/OrCollapse.js';
+import script$7 from './OrIconButtonV2/OrIconButton.js';
+
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+/**
+ * Checks if `value` is object-like. A value is object-like if it's not `null`
+ * and has a `typeof` result of "object".
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
+ * @example
+ *
+ * _.isObjectLike({});
+ * // => true
+ *
+ * _.isObjectLike([1, 2, 3]);
+ * // => true
+ *
+ * _.isObjectLike(_.noop);
+ * // => false
+ *
+ * _.isObjectLike(null);
+ * // => false
+ */
+function isObjectLike$1(value) {
+  return value != null && typeof value == 'object';
+}
+var isObjectLike_1 = isObjectLike$1;
+
+/** Detect free variable `global` from Node.js. */
+var freeGlobal$1 = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
+var _freeGlobal = freeGlobal$1;
+
+var freeGlobal = _freeGlobal;
+
+/** Detect free variable `self`. */
+var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
+
+/** Used as a reference to the global object. */
+var root$1 = freeGlobal || freeSelf || Function('return this')();
+var _root = root$1;
+
+var root = _root;
+
+/** Built-in value references. */
+var Symbol$3 = root.Symbol;
+var _Symbol = Symbol$3;
+
+var Symbol$2 = _Symbol;
+
+/** Used for built-in method references. */
+var objectProto$1 = Object.prototype;
+
+/** Used to check objects for own properties. */
+var hasOwnProperty = objectProto$1.hasOwnProperty;
+
+/**
+ * Used to resolve the
+ * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+ * of values.
+ */
+var nativeObjectToString$1 = objectProto$1.toString;
+
+/** Built-in value references. */
+var symToStringTag$1 = Symbol$2 ? Symbol$2.toStringTag : undefined;
+
+/**
+ * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.
+ *
+ * @private
+ * @param {*} value The value to query.
+ * @returns {string} Returns the raw `toStringTag`.
+ */
+function getRawTag$1(value) {
+  var isOwn = hasOwnProperty.call(value, symToStringTag$1),
+    tag = value[symToStringTag$1];
+  try {
+    value[symToStringTag$1] = undefined;
+    var unmasked = true;
+  } catch (e) {}
+  var result = nativeObjectToString$1.call(value);
+  if (unmasked) {
+    if (isOwn) {
+      value[symToStringTag$1] = tag;
+    } else {
+      delete value[symToStringTag$1];
+    }
+  }
+  return result;
+}
+var _getRawTag = getRawTag$1;
+
+/** Used for built-in method references. */
+var objectProto = Object.prototype;
+
+/**
+ * Used to resolve the
+ * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+ * of values.
+ */
+var nativeObjectToString = objectProto.toString;
+
+/**
+ * Converts `value` to a string using `Object.prototype.toString`.
+ *
+ * @private
+ * @param {*} value The value to convert.
+ * @returns {string} Returns the converted string.
+ */
+function objectToString$1(value) {
+  return nativeObjectToString.call(value);
+}
+var _objectToString = objectToString$1;
+
+var Symbol$1 = _Symbol,
+  getRawTag = _getRawTag,
+  objectToString = _objectToString;
+
+/** `Object#toString` result references. */
+var nullTag = '[object Null]',
+  undefinedTag = '[object Undefined]';
+
+/** Built-in value references. */
+var symToStringTag = Symbol$1 ? Symbol$1.toStringTag : undefined;
+
+/**
+ * The base implementation of `getTag` without fallbacks for buggy environments.
+ *
+ * @private
+ * @param {*} value The value to query.
+ * @returns {string} Returns the `toStringTag`.
+ */
+function baseGetTag$1(value) {
+  if (value == null) {
+    return value === undefined ? undefinedTag : nullTag;
+  }
+  return symToStringTag && symToStringTag in Object(value) ? getRawTag(value) : objectToString(value);
+}
+var _baseGetTag = baseGetTag$1;
+
+/**
+ * Checks if `value` is classified as an `Array` object.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is an array, else `false`.
+ * @example
+ *
+ * _.isArray([1, 2, 3]);
+ * // => true
+ *
+ * _.isArray(document.body.children);
+ * // => false
+ *
+ * _.isArray('abc');
+ * // => false
+ *
+ * _.isArray(_.noop);
+ * // => false
+ */
+var isArray$1 = Array.isArray;
+var isArray_1 = isArray$1;
+
+var baseGetTag = _baseGetTag,
+  isObjectLike = isObjectLike_1;
+
+/** `Object#toString` result references. */
+var symbolTag = '[object Symbol]';
+
+/**
+ * Checks if `value` is classified as a `Symbol` primitive or object.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
+ * @example
+ *
+ * _.isSymbol(Symbol.iterator);
+ * // => true
+ *
+ * _.isSymbol('abc');
+ * // => false
+ */
+function isSymbol$2(value) {
+  return typeof value == 'symbol' || isObjectLike(value) && baseGetTag(value) == symbolTag;
+}
+var isSymbol_1 = isSymbol$2;
+
+/**
+ * Checks if `value` is the
+ * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
+ * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is an object, else `false`.
+ * @example
+ *
+ * _.isObject({});
+ * // => true
+ *
+ * _.isObject([1, 2, 3]);
+ * // => true
+ *
+ * _.isObject(_.noop);
+ * // => true
+ *
+ * _.isObject(null);
+ * // => false
+ */
+function isObject$1(value) {
+  var type = typeof value;
+  return value != null && (type == 'object' || type == 'function');
+}
+var isObject_1 = isObject$1;
+
+/**
+ * A specialized version of `_.map` for arrays without support for iteratee
+ * shorthands.
+ *
+ * @private
+ * @param {Array} [array] The array to iterate over.
+ * @param {Function} iteratee The function invoked per iteration.
+ * @returns {Array} Returns the new mapped array.
+ */
+function arrayMap$1(array, iteratee) {
+  var index = -1,
+    length = array == null ? 0 : array.length,
+    result = Array(length);
+  while (++index < length) {
+    result[index] = iteratee(array[index], index, array);
+  }
+  return result;
+}
+var _arrayMap = arrayMap$1;
+
+var Symbol = _Symbol,
+  arrayMap = _arrayMap,
+  isArray = isArray_1,
+  isSymbol$1 = isSymbol_1;
+
+/** Used as references for various `Number` constants. */
+var INFINITY$1 = 1 / 0;
+
+/** Used to convert symbols to primitives and strings. */
+var symbolProto = Symbol ? Symbol.prototype : undefined,
+  symbolToString = symbolProto ? symbolProto.toString : undefined;
+
+/**
+ * The base implementation of `_.toString` which doesn't convert nullish
+ * values to empty strings.
+ *
+ * @private
+ * @param {*} value The value to process.
+ * @returns {string} Returns the string.
+ */
+function baseToString$2(value) {
+  // Exit early for strings to avoid a performance hit in some environments.
+  if (typeof value == 'string') {
+    return value;
+  }
+  if (isArray(value)) {
+    // Recursively convert values (susceptible to call stack limits).
+    return arrayMap(value, baseToString$2) + '';
+  }
+  if (isSymbol$1(value)) {
+    return symbolToString ? symbolToString.call(value) : '';
+  }
+  var result = value + '';
+  return result == '0' && 1 / value == -INFINITY$1 ? '-0' : result;
+}
+var _baseToString = baseToString$2;
+
+var baseToString$1 = _baseToString;
+
+/**
+ * Converts `value` to a string. An empty string is returned for `null`
+ * and `undefined` values. The sign of `-0` is preserved.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to convert.
+ * @returns {string} Returns the converted string.
+ * @example
+ *
+ * _.toString(null);
+ * // => ''
+ *
+ * _.toString(-0);
+ * // => '-0'
+ *
+ * _.toString([1, 2, 3]);
+ * // => '1,2,3'
+ */
+function toString$1(value) {
+  return value == null ? '' : baseToString$1(value);
+}
+var toString_1 = toString$1;
+
+/** Used as references for various `Number` constants. */
+var MAX_SAFE_INTEGER = 9007199254740991;
+
+/* Built-in method references for those with the same name as other `lodash` methods. */
+var nativeFloor = Math.floor;
+
+/**
+ * The base implementation of `_.repeat` which doesn't coerce arguments.
+ *
+ * @private
+ * @param {string} string The string to repeat.
+ * @param {number} n The number of times to repeat the string.
+ * @returns {string} Returns the repeated string.
+ */
+function baseRepeat$1(string, n) {
+  var result = '';
+  if (!string || n < 1 || n > MAX_SAFE_INTEGER) {
+    return result;
+  }
+  // Leverage the exponentiation by squaring algorithm for a faster repeat.
+  // See https://en.wikipedia.org/wiki/Exponentiation_by_squaring for more details.
+  do {
+    if (n % 2) {
+      result += string;
+    }
+    n = nativeFloor(n / 2);
+    if (n) {
+      string += string;
+    }
+  } while (n);
+  return result;
+}
+var _baseRepeat = baseRepeat$1;
+
+/**
+ * The base implementation of `_.slice` without an iteratee call guard.
+ *
+ * @private
+ * @param {Array} array The array to slice.
+ * @param {number} [start=0] The start position.
+ * @param {number} [end=array.length] The end position.
+ * @returns {Array} Returns the slice of `array`.
+ */
+function baseSlice$1(array, start, end) {
+  var index = -1,
+    length = array.length;
+  if (start < 0) {
+    start = -start > length ? 0 : length + start;
+  }
+  end = end > length ? length : end;
+  if (end < 0) {
+    end += length;
+  }
+  length = start > end ? 0 : end - start >>> 0;
+  start >>>= 0;
+  var result = Array(length);
+  while (++index < length) {
+    result[index] = array[index + start];
+  }
+  return result;
+}
+var _baseSlice = baseSlice$1;
+
+var baseSlice = _baseSlice;
+
+/**
+ * Casts `array` to a slice if it's needed.
+ *
+ * @private
+ * @param {Array} array The array to inspect.
+ * @param {number} start The start position.
+ * @param {number} [end=array.length] The end position.
+ * @returns {Array} Returns the cast slice.
+ */
+function castSlice$1(array, start, end) {
+  var length = array.length;
+  end = end === undefined ? length : end;
+  return !start && end >= length ? array : baseSlice(array, start, end);
+}
+var _castSlice = castSlice$1;
+
+/** Used to compose unicode character classes. */
+var rsAstralRange$2 = '\\ud800-\\udfff',
+  rsComboMarksRange$2 = '\\u0300-\\u036f',
+  reComboHalfMarksRange$2 = '\\ufe20-\\ufe2f',
+  rsComboSymbolsRange$2 = '\\u20d0-\\u20ff',
+  rsComboRange$2 = rsComboMarksRange$2 + reComboHalfMarksRange$2 + rsComboSymbolsRange$2,
+  rsVarRange$2 = '\\ufe0e\\ufe0f';
+
+/** Used to compose unicode capture groups. */
+var rsZWJ$2 = '\\u200d';
+
+/** Used to detect strings with [zero-width joiners or code points from the astral planes](http://eev.ee/blog/2015/09/12/dark-corners-of-unicode/). */
+var reHasUnicode = RegExp('[' + rsZWJ$2 + rsAstralRange$2 + rsComboRange$2 + rsVarRange$2 + ']');
+
+/**
+ * Checks if `string` contains Unicode symbols.
+ *
+ * @private
+ * @param {string} string The string to inspect.
+ * @returns {boolean} Returns `true` if a symbol is found, else `false`.
+ */
+function hasUnicode$3(string) {
+  return reHasUnicode.test(string);
+}
+var _hasUnicode = hasUnicode$3;
+
+/**
+ * The base implementation of `_.property` without support for deep paths.
+ *
+ * @private
+ * @param {string} key The key of the property to get.
+ * @returns {Function} Returns the new accessor function.
+ */
+function baseProperty$1(key) {
+  return function (object) {
+    return object == null ? undefined : object[key];
+  };
+}
+var _baseProperty = baseProperty$1;
+
+var baseProperty = _baseProperty;
+
+/**
+ * Gets the size of an ASCII `string`.
+ *
+ * @private
+ * @param {string} string The string inspect.
+ * @returns {number} Returns the string size.
+ */
+var asciiSize$1 = baseProperty('length');
+var _asciiSize = asciiSize$1;
+
+/** Used to compose unicode character classes. */
+var rsAstralRange$1 = '\\ud800-\\udfff',
+  rsComboMarksRange$1 = '\\u0300-\\u036f',
+  reComboHalfMarksRange$1 = '\\ufe20-\\ufe2f',
+  rsComboSymbolsRange$1 = '\\u20d0-\\u20ff',
+  rsComboRange$1 = rsComboMarksRange$1 + reComboHalfMarksRange$1 + rsComboSymbolsRange$1,
+  rsVarRange$1 = '\\ufe0e\\ufe0f';
+
+/** Used to compose unicode capture groups. */
+var rsAstral$1 = '[' + rsAstralRange$1 + ']',
+  rsCombo$1 = '[' + rsComboRange$1 + ']',
+  rsFitz$1 = '\\ud83c[\\udffb-\\udfff]',
+  rsModifier$1 = '(?:' + rsCombo$1 + '|' + rsFitz$1 + ')',
+  rsNonAstral$1 = '[^' + rsAstralRange$1 + ']',
+  rsRegional$1 = '(?:\\ud83c[\\udde6-\\uddff]){2}',
+  rsSurrPair$1 = '[\\ud800-\\udbff][\\udc00-\\udfff]',
+  rsZWJ$1 = '\\u200d';
+
+/** Used to compose unicode regexes. */
+var reOptMod$1 = rsModifier$1 + '?',
+  rsOptVar$1 = '[' + rsVarRange$1 + ']?',
+  rsOptJoin$1 = '(?:' + rsZWJ$1 + '(?:' + [rsNonAstral$1, rsRegional$1, rsSurrPair$1].join('|') + ')' + rsOptVar$1 + reOptMod$1 + ')*',
+  rsSeq$1 = rsOptVar$1 + reOptMod$1 + rsOptJoin$1,
+  rsSymbol$1 = '(?:' + [rsNonAstral$1 + rsCombo$1 + '?', rsCombo$1, rsRegional$1, rsSurrPair$1, rsAstral$1].join('|') + ')';
+
+/** Used to match [string symbols](https://mathiasbynens.be/notes/javascript-unicode). */
+var reUnicode$1 = RegExp(rsFitz$1 + '(?=' + rsFitz$1 + ')|' + rsSymbol$1 + rsSeq$1, 'g');
+
+/**
+ * Gets the size of a Unicode `string`.
+ *
+ * @private
+ * @param {string} string The string inspect.
+ * @returns {number} Returns the string size.
+ */
+function unicodeSize$1(string) {
+  var result = reUnicode$1.lastIndex = 0;
+  while (reUnicode$1.test(string)) {
+    ++result;
+  }
+  return result;
+}
+var _unicodeSize = unicodeSize$1;
+
+var asciiSize = _asciiSize,
+  hasUnicode$2 = _hasUnicode,
+  unicodeSize = _unicodeSize;
+
+/**
+ * Gets the number of symbols in `string`.
+ *
+ * @private
+ * @param {string} string The string to inspect.
+ * @returns {number} Returns the string size.
+ */
+function stringSize$2(string) {
+  return hasUnicode$2(string) ? unicodeSize(string) : asciiSize(string);
+}
+var _stringSize = stringSize$2;
+
+/**
+ * Converts an ASCII `string` to an array.
+ *
+ * @private
+ * @param {string} string The string to convert.
+ * @returns {Array} Returns the converted array.
+ */
+function asciiToArray$1(string) {
+  return string.split('');
+}
+var _asciiToArray = asciiToArray$1;
+
+/** Used to compose unicode character classes. */
+var rsAstralRange = '\\ud800-\\udfff',
+  rsComboMarksRange = '\\u0300-\\u036f',
+  reComboHalfMarksRange = '\\ufe20-\\ufe2f',
+  rsComboSymbolsRange = '\\u20d0-\\u20ff',
+  rsComboRange = rsComboMarksRange + reComboHalfMarksRange + rsComboSymbolsRange,
+  rsVarRange = '\\ufe0e\\ufe0f';
+
+/** Used to compose unicode capture groups. */
+var rsAstral = '[' + rsAstralRange + ']',
+  rsCombo = '[' + rsComboRange + ']',
+  rsFitz = '\\ud83c[\\udffb-\\udfff]',
+  rsModifier = '(?:' + rsCombo + '|' + rsFitz + ')',
+  rsNonAstral = '[^' + rsAstralRange + ']',
+  rsRegional = '(?:\\ud83c[\\udde6-\\uddff]){2}',
+  rsSurrPair = '[\\ud800-\\udbff][\\udc00-\\udfff]',
+  rsZWJ = '\\u200d';
+
+/** Used to compose unicode regexes. */
+var reOptMod = rsModifier + '?',
+  rsOptVar = '[' + rsVarRange + ']?',
+  rsOptJoin = '(?:' + rsZWJ + '(?:' + [rsNonAstral, rsRegional, rsSurrPair].join('|') + ')' + rsOptVar + reOptMod + ')*',
+  rsSeq = rsOptVar + reOptMod + rsOptJoin,
+  rsSymbol = '(?:' + [rsNonAstral + rsCombo + '?', rsCombo, rsRegional, rsSurrPair, rsAstral].join('|') + ')';
+
+/** Used to match [string symbols](https://mathiasbynens.be/notes/javascript-unicode). */
+var reUnicode = RegExp(rsFitz + '(?=' + rsFitz + ')|' + rsSymbol + rsSeq, 'g');
+
+/**
+ * Converts a Unicode `string` to an array.
+ *
+ * @private
+ * @param {string} string The string to convert.
+ * @returns {Array} Returns the converted array.
+ */
+function unicodeToArray$1(string) {
+  return string.match(reUnicode) || [];
+}
+var _unicodeToArray = unicodeToArray$1;
+
+var asciiToArray = _asciiToArray,
+  hasUnicode$1 = _hasUnicode,
+  unicodeToArray = _unicodeToArray;
+
+/**
+ * Converts `string` to an array.
+ *
+ * @private
+ * @param {string} string The string to convert.
+ * @returns {Array} Returns the converted array.
+ */
+function stringToArray$1(string) {
+  return hasUnicode$1(string) ? unicodeToArray(string) : asciiToArray(string);
+}
+var _stringToArray = stringToArray$1;
+
+var baseRepeat = _baseRepeat,
+  baseToString = _baseToString,
+  castSlice = _castSlice,
+  hasUnicode = _hasUnicode,
+  stringSize$1 = _stringSize,
+  stringToArray = _stringToArray;
+
+/* Built-in method references for those with the same name as other `lodash` methods. */
+var nativeCeil = Math.ceil;
+
+/**
+ * Creates the padding for `string` based on `length`. The `chars` string
+ * is truncated if the number of characters exceeds `length`.
+ *
+ * @private
+ * @param {number} length The padding length.
+ * @param {string} [chars=' '] The string used as padding.
+ * @returns {string} Returns the padding for `string`.
+ */
+function createPadding$1(length, chars) {
+  chars = chars === undefined ? ' ' : baseToString(chars);
+  var charsLength = chars.length;
+  if (charsLength < 2) {
+    return charsLength ? baseRepeat(chars, length) : chars;
+  }
+  var result = baseRepeat(chars, nativeCeil(length / stringSize$1(chars)));
+  return hasUnicode(chars) ? castSlice(stringToArray(result), 0, length).join('') : result.slice(0, length);
+}
+var _createPadding = createPadding$1;
+
+/** Used to match a single whitespace character. */
+var reWhitespace = /\s/;
+
+/**
+ * Used by `_.trim` and `_.trimEnd` to get the index of the last non-whitespace
+ * character of `string`.
+ *
+ * @private
+ * @param {string} string The string to inspect.
+ * @returns {number} Returns the index of the last non-whitespace character.
+ */
+function trimmedEndIndex$1(string) {
+  var index = string.length;
+  while (index-- && reWhitespace.test(string.charAt(index))) {}
+  return index;
+}
+var _trimmedEndIndex = trimmedEndIndex$1;
+
+var trimmedEndIndex = _trimmedEndIndex;
+
+/** Used to match leading whitespace. */
+var reTrimStart = /^\s+/;
+
+/**
+ * The base implementation of `_.trim`.
+ *
+ * @private
+ * @param {string} string The string to trim.
+ * @returns {string} Returns the trimmed string.
+ */
+function baseTrim$1(string) {
+  return string ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, '') : string;
+}
+var _baseTrim = baseTrim$1;
+
+var baseTrim = _baseTrim,
+  isObject = isObject_1,
+  isSymbol = isSymbol_1;
+
+/** Used as references for various `Number` constants. */
+var NAN = 0 / 0;
+
+/** Used to detect bad signed hexadecimal string values. */
+var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
+
+/** Used to detect binary string values. */
+var reIsBinary = /^0b[01]+$/i;
+
+/** Used to detect octal string values. */
+var reIsOctal = /^0o[0-7]+$/i;
+
+/** Built-in method references without a dependency on `root`. */
+var freeParseInt = parseInt;
+
+/**
+ * Converts `value` to a number.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to process.
+ * @returns {number} Returns the number.
+ * @example
+ *
+ * _.toNumber(3.2);
+ * // => 3.2
+ *
+ * _.toNumber(Number.MIN_VALUE);
+ * // => 5e-324
+ *
+ * _.toNumber(Infinity);
+ * // => Infinity
+ *
+ * _.toNumber('3.2');
+ * // => 3.2
+ */
+function toNumber$1(value) {
+  if (typeof value == 'number') {
+    return value;
+  }
+  if (isSymbol(value)) {
+    return NAN;
+  }
+  if (isObject(value)) {
+    var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
+    value = isObject(other) ? other + '' : other;
+  }
+  if (typeof value != 'string') {
+    return value === 0 ? value : +value;
+  }
+  value = baseTrim(value);
+  var isBinary = reIsBinary.test(value);
+  return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NAN : +value;
+}
+var toNumber_1 = toNumber$1;
+
+var toNumber = toNumber_1;
+
+/** Used as references for various `Number` constants. */
+var INFINITY = 1 / 0,
+  MAX_INTEGER = 1.7976931348623157e+308;
+
+/**
+ * Converts `value` to a finite number.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.12.0
+ * @category Lang
+ * @param {*} value The value to convert.
+ * @returns {number} Returns the converted number.
+ * @example
+ *
+ * _.toFinite(3.2);
+ * // => 3.2
+ *
+ * _.toFinite(Number.MIN_VALUE);
+ * // => 5e-324
+ *
+ * _.toFinite(Infinity);
+ * // => 1.7976931348623157e+308
+ *
+ * _.toFinite('3.2');
+ * // => 3.2
+ */
+function toFinite$1(value) {
+  if (!value) {
+    return value === 0 ? value : 0;
+  }
+  value = toNumber(value);
+  if (value === INFINITY || value === -INFINITY) {
+    var sign = value < 0 ? -1 : 1;
+    return sign * MAX_INTEGER;
+  }
+  return value === value ? value : 0;
+}
+var toFinite_1 = toFinite$1;
+
+var toFinite = toFinite_1;
+
+/**
+ * Converts `value` to an integer.
+ *
+ * **Note:** This method is loosely based on
+ * [`ToInteger`](http://www.ecma-international.org/ecma-262/7.0/#sec-tointeger).
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to convert.
+ * @returns {number} Returns the converted integer.
+ * @example
+ *
+ * _.toInteger(3.2);
+ * // => 3
+ *
+ * _.toInteger(Number.MIN_VALUE);
+ * // => 0
+ *
+ * _.toInteger(Infinity);
+ * // => 1.7976931348623157e+308
+ *
+ * _.toInteger('3.2');
+ * // => 3
+ */
+function toInteger$1(value) {
+  var result = toFinite(value),
+    remainder = result % 1;
+  return result === result ? remainder ? result - remainder : result : 0;
+}
+var toInteger_1 = toInteger$1;
+
+var createPadding = _createPadding,
+  stringSize = _stringSize,
+  toInteger = toInteger_1,
+  toString = toString_1;
+
+/**
+ * Pads `string` on the left side if it's shorter than `length`. Padding
+ * characters are truncated if they exceed `length`.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category String
+ * @param {string} [string=''] The string to pad.
+ * @param {number} [length=0] The padding length.
+ * @param {string} [chars=' '] The string used as padding.
+ * @returns {string} Returns the padded string.
+ * @example
+ *
+ * _.padStart('abc', 6);
+ * // => '   abc'
+ *
+ * _.padStart('abc', 6, '_-');
+ * // => '_-_abc'
+ *
+ * _.padStart('abc', 3);
+ * // => 'abc'
+ */
+function padStart(string, length, chars) {
+  string = toString(string);
+  length = toInteger(length);
+  var strLength = length ? stringSize(string) : 0;
+  return length && strLength < length ? createPadding(length - strLength, chars) + string : string;
+}
+var padStart_1 = padStart;
+
+var OrDateTimePickerTypes;
+(function (OrDateTimePickerTypes) {
+  OrDateTimePickerTypes["date"] = "date";
+  OrDateTimePickerTypes["time"] = "time";
+  OrDateTimePickerTypes["dateTime"] = "dateTime";
+})(OrDateTimePickerTypes || (OrDateTimePickerTypes = {}));
+var OrDateTimePickerItemTypes;
+(function (OrDateTimePickerItemTypes) {
+  OrDateTimePickerItemTypes["day"] = "day";
+  OrDateTimePickerItemTypes["hours"] = "hours";
+  OrDateTimePickerItemTypes["minutes"] = "minutes";
+})(OrDateTimePickerItemTypes || (OrDateTimePickerItemTypes = {}));
+const DEFAULT_TEXT = {
+  months: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
+  days: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+  hours: 'Hours',
+  minutes: 'Minutes'
+};
+
+var script$1 = defineComponent({
+  name: 'OrDateTimePickerCalendarItem',
+  props: {
+    value: {
+      type: Date,
+      required: false,
+      default: () => new Date()
+    },
+    type: {
+      type: String,
+      required: false,
+      default: () => OrDateTimePickerItemTypes.day
+    },
+    isDisabled: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    isSelected: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    isCurrent: {
+      type: Boolean,
+      required: false,
+      default: false
+    }
+  },
+  emits: ['select'],
+  computed: {
+    valueToShow() {
+      var _a, _b, _c;
+      switch (this.type) {
+        case OrDateTimePickerItemTypes.day:
+          return '' + ((_a = this.value) === null || _a === void 0 ? void 0 : _a.getDate());
+        case OrDateTimePickerItemTypes.hours:
+          return padStart_1('' + ((_b = this.value) === null || _b === void 0 ? void 0 : _b.getHours()), 2, '0');
+        case OrDateTimePickerItemTypes.minutes:
+          return padStart_1('' + ((_c = this.value) === null || _c === void 0 ? void 0 : _c.getMinutes()), 2, '0');
+        default:
+          throw new Error('Unknown type');
+      }
+    },
+    rootClasses() {
+      return {
+        'is-disabled': this.isDisabled,
+        'is-selected': this.isSelected,
+        'is-current': this.isCurrent
+      };
+    }
+  },
+  methods: {
+    select() {
+      if (this.isDisabled) return;
+      this.$emit('select', this.value);
+    }
+  }
+});
+
+function render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["or-calendar-item", _ctx.rootClasses]),
+    onClick: _cache[0] || (_cache[0] = withModifiers(function () {
+      return _ctx.select && _ctx.select(...arguments);
+    }, ["prevent"]))
+  }, toDisplayString(_ctx.valueToShow), 3 /* TEXT, CLASS */);
+}
+
+var css_248z$1 = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-799ce784 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-799ce784 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-calendar-item[data-v-799ce784] {\n  width: 1.75rem;\n  height: 1.75rem;\n  font-size: var(--fs-0);\n  font-weight: normal;\n  line-height: 1.75rem;\n  color: var(--c-neutral-6);\n  text-align: center;\n  border-radius: 50%;\n}\n.or-calendar-item.is-disabled[data-v-799ce784] {\n  color: var(--c-neutral-4);\n}\n.or-calendar-item.is-current[data-v-799ce784] {\n  background-color: var(--c-neutral-2);\n}\n.or-calendar-item:not(.is-disabled).is-selected[data-v-799ce784] {\n  font-weight: bold;\n  color: var(--c-neutral-0);\n  background-color: var(--c-primary);\n}\n.or-calendar-item:not(.is-disabled).is-selected[data-v-799ce784]:hover {\n  background-color: var(--c-primary-lighten-20);\n}\n.or-calendar-item[data-v-799ce784]:not(.is-disabled):hover {\n  cursor: pointer;\n  background-color: var(--c-neutral-1);\n}";
+styleInject(css_248z$1);
+
+script$1.render = render$1;
+script$1.__scopeId = "data-v-799ce784";
+script$1.__file = "src/components/or-date-time-picker/partials/OrDateTimePickerCalendarItem.vue";
+
+const MINUTE = 1000 * 60;
+const HOUR = MINUTE * 60;
+const DAY = HOUR * 24;
+var script = defineComponent({
+  name: 'OrDateTimePicker',
+  components: {
+    OrDateTimePickerCalendarItem: script$1,
+    OrFloating: script$2,
+    OrLabel: script$3,
+    OrError: script$4,
+    OrHint: script$5,
+    OrCollapse: script$6,
+    OrIconButton: script$7
+  },
+  model: {
+    prop: 'modelValue',
+    event: 'update:modelValue'
+  },
+  props: {
+    modelValue: {
+      type: Date,
+      required: false,
+      default: null
+    },
+    id: {
+      type: String,
+      required: false,
+      default: null
+    },
+    type: {
+      type: String,
+      required: false,
+      default: () => OrDateTimePickerTypes.dateTime
+    },
+    label: {
+      type: String,
+      required: false,
+      default: ''
+    },
+    error: {
+      type: String,
+      required: false,
+      default: ''
+    },
+    hint: {
+      type: String,
+      required: false,
+      default: ''
+    },
+    translations: {
+      type: Object,
+      required: false,
+      default: () => DEFAULT_TEXT
+    },
+    isRequired: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    isDisabled: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    isReadonly: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    isInvalid: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    isFullwidth: {
+      type: Boolean,
+      required: false,
+      default: false
+    },
+    dateFilter: {
+      type: Function,
+      required: false,
+      default: null
+    },
+    allowSeconds: {
+      type: Boolean,
+      default: false,
+      required: false
+    }
+  },
+  emits: ['update:modelValue'],
+  setup() {
+    const content = ref();
+    const wrapperRef = ref();
+    const isOpen = ref(false);
+    onClickOutside(content, evt => {
+      if (evt.composedPath().includes(wrapperRef.value)) return;
+      if (isOpen.value) isOpen.value = false;
+    });
+    return {
+      content,
+      wrapperRef,
+      isOpen
+    };
+  },
+  data() {
+    return {
+      isFocused: false,
+      reqAF: null,
+      monthToShow: new Date().getMonth(),
+      yearToShow: new Date().getFullYear()
+    };
+  },
+  computed: {
+    inputHours: {
+      get: function () {
+        if (!this.modelValue) return '';
+        return padStart_1('' + this.modelValue.getHours(), 2, '0');
+      },
+      set: function (val) {
+        var _a;
+        let hours = +val;
+        hours = hours >= 24 ? 23 : hours < 0 ? 0 : hours;
+        const date = (_a = this.modelValue) !== null && _a !== void 0 ? _a : this.today;
+        const newDate = new Date(date.getFullYear(), date.getMonth(), date.getDate(), hours, date.getMinutes(), date.getSeconds());
+        this.$emit('update:modelValue', newDate);
+      }
+    },
+    inputMinutes: {
+      get: function () {
+        if (!this.modelValue) return '';
+        return padStart_1('' + this.modelValue.getMinutes(), 2, '0');
+      },
+      set: function (val) {
+        var _a;
+        let minutes = +val;
+        minutes = minutes >= 60 ? 59 : minutes < 0 ? 0 : minutes;
+        const date = (_a = this.modelValue) !== null && _a !== void 0 ? _a : this.today;
+        const newDate = new Date(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), minutes, date.getSeconds());
+        this.$emit('update:modelValue', newDate);
+      }
+    },
+    inputSeconds: {
+      get: function () {
+        if (!this.modelValue) return '';
+        return padStart_1('' + this.modelValue.getSeconds(), 2, '0');
+      },
+      set: function (val) {
+        var _a;
+        let seconds = +val;
+        seconds = seconds >= 60 ? 59 : seconds < 0 ? 0 : seconds;
+        const date = (_a = this.modelValue) !== null && _a !== void 0 ? _a : this.today;
+        const newDate = new Date(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), seconds);
+        this.$emit('update:modelValue', newDate);
+      }
+    },
+    localId() {
+      var _a, _b;
+      return (_a = this.id) !== null && _a !== void 0 ? _a : `date-time-picker-${(_b = getCurrentInstance()) === null || _b === void 0 ? void 0 : _b.uid}`;
+    },
+    dateValue() {
+      if (!this.modelValue) return '';
+      const year = padStart_1('' + this.modelValue.getFullYear(), 4, '0');
+      const month = padStart_1('' + (this.modelValue.getMonth() + 1), 2, '0');
+      const day = padStart_1('' + this.modelValue.getDate(), 2, '0');
+      return `${year}-${month}-${day}`;
+    },
+    timeValue() {
+      if (!this.modelValue) return '';
+      const hours = padStart_1('' + this.modelValue.getHours(), 2, '0');
+      const minutes = padStart_1('' + this.modelValue.getMinutes(), 2, '0');
+      if (this.isShowSeconds) {
+        const seconds = padStart_1('' + this.modelValue.getSeconds(), 2, '0');
+        return `${hours}:${minutes}:${seconds}`;
+      }
+      return `${hours}:${minutes}`;
+    },
+    isInactive() {
+      return this.isDisabled || this.isReadonly;
+    },
+    isShowError() {
+      return !!this.error && this.isInvalid;
+    },
+    isShowHint() {
+      return !!this.hint && !this.isShowError;
+    },
+    isShowInfo() {
+      return this.isShowError || this.isShowHint;
+    },
+    isShowDate() {
+      return this.type === OrDateTimePickerTypes.date || this.type === OrDateTimePickerTypes.dateTime;
+    },
+    isShowTime() {
+      return this.type === OrDateTimePickerTypes.time || this.type === OrDateTimePickerTypes.dateTime;
+    },
+    isShowSeconds() {
+      return this.isShowTime && this.allowSeconds;
+    },
+    today() {
+      const now = new Date();
+      return new Date(now.getFullYear(), now.getMonth(), now.getDate());
+    },
+    firstDayOfMonth() {
+      return new Date(this.yearToShow, this.monthToShow, 1);
+    },
+    lastDayOfMonth() {
+      return new Date(this.yearToShow, this.monthToShow + 1, 0);
+    },
+    calendar() {
+      const start = new Date(this.yearToShow, this.monthToShow, 1 - (this.firstDayOfMonth.getDay() + 6) % 7);
+      const end = new Date(this.yearToShow, this.monthToShow + 1, (7 - this.lastDayOfMonth.getDay()) % 7);
+      const daysToShow = (+end - +start) / DAY;
+      const rowsCount = daysToShow / 7; // week
+      const calendar = [];
+      const startMonthYear = start.getFullYear();
+      const startMonthMonth = start.getMonth();
+      const startMonthDay = start.getDate();
+      for (let i = 0; i < rowsCount; i++) {
+        const row = [];
+        for (let j = 0; j < 7; j++) {
+          const offset = j + i * 7;
+          const current = new Date(startMonthYear, startMonthMonth, startMonthDay + offset);
+          row.push(current);
+        }
+        calendar.push(row);
+      }
+      return calendar;
+    },
+    hours() {
+      const rowsCount = 4;
+      const columnsCount = 24 / rowsCount;
+      const zeroDate = new Date(0);
+      const hours = [];
+      for (let i = 0; i < rowsCount; i++) {
+        const row = [];
+        for (let j = 0; j < columnsCount; j++) {
+          const hour = new Date(zeroDate.getFullYear(), zeroDate.getMonth(), zeroDate.getDate(), j + i * columnsCount);
+          row.push(hour);
+        }
+        hours.push(row);
+      }
+      return hours;
+    },
+    minutes() {
+      const rowsCount = 4;
+      const step = 5;
+      const columnsCount = 60 / step / rowsCount;
+      const zeroDate = new Date(0);
+      const minutes = [];
+      for (let i = 0; i < rowsCount; i++) {
+        const row = [];
+        for (let j = 0; j < columnsCount; j++) {
+          const minute = new Date(zeroDate.getFullYear(), zeroDate.getMonth(), zeroDate.getDate(), 0, step * (j + i * columnsCount));
+          row.push(minute);
+        }
+        minutes.push(row);
+      }
+      return minutes;
+    },
+    typeClass() {
+      switch (this.type) {
+        case OrDateTimePickerTypes.date:
+          return 'is-date-type';
+        case OrDateTimePickerTypes.time:
+          return 'is-time-type';
+        case OrDateTimePickerTypes.dateTime:
+          if (this.allowSeconds) return 'is-date-time-type-seconds';
+          return 'is-date-time-type';
+        default:
+          throw new Error('Unknown type');
+      }
+    },
+    rootClasses() {
+      return [this.typeClass, ...(this.isFullwidth ? ['is-fullwidth'] : [])];
+    },
+    wrapperClasses() {
+      return {
+        'is-disabled': this.isDisabled,
+        'is-readonly': this.isReadonly,
+        'is-focused': this.isFocused,
+        'is-required': this.isRequired,
+        'has-error': this.isInvalid
+      };
+    }
+  },
+  methods: {
+    isDayDisabled(date) {
+      const res = +date < +this.firstDayOfMonth || +date > +this.lastDayOfMonth;
+      if (this.dateFilter) {
+        return this.dateFilter(date) || res;
+      }
+      return res;
+    },
+    isDaySelected(date) {
+      if (!this.modelValue) return false;
+      const selectedDay = new Date(this.modelValue.getFullYear(), this.modelValue.getMonth(), this.modelValue.getDate());
+      return +date >= +selectedDay && +date < +selectedDay + DAY;
+    },
+    isHourSelected(date) {
+      if (!this.modelValue) return false;
+      return this.modelValue.getHours() === date.getHours();
+    },
+    isMinuteSelected(date) {
+      if (!this.modelValue) return false;
+      return this.modelValue.getMinutes() === date.getMinutes();
+    },
+    beforeEnter(el) {
+      setStyle(el, 'opacity', 0);
+    },
+    enter(el) {
+      const {
+        scrollHeight,
+        parentElement
+      } = el;
+      this.reqAF = requestAF(() => {
+        const pt = parseFloat(getCS(parentElement).paddingTop);
+        const pb = parseFloat(getCS(parentElement).paddingBottom);
+        const height = scrollHeight + pt + pb;
+        if (parentElement) {
+          reflow(parentElement);
+          setStyle(parentElement, 'height', pxToRem(height));
+        }
+        setStyle(el, 'opacity', 1);
+      });
+    },
+    leave(el) {
+      this.reqAF = requestAF(() => {
+        el.style.opacity = '0';
+      });
+    },
+    cancelRequestAF() {
+      cancelAF(this.reqAF);
+    },
+    toggle() {
+      var _a;
+      if (this.isInactive) return;
+      this.isOpen = !this.isOpen;
+      const dateToShow = (_a = this.modelValue) !== null && _a !== void 0 ? _a : new Date();
+      this.monthToShow = dateToShow.getMonth();
+      this.yearToShow = dateToShow.getFullYear();
+    },
+    decrementMonth() {
+      this.monthToShow--;
+      if (this.monthToShow < 0) {
+        this.monthToShow = 11;
+        this.yearToShow--;
+      }
+    },
+    incrementMonth() {
+      this.monthToShow++;
+      if (this.monthToShow >= 12) {
+        this.monthToShow = 0;
+        this.yearToShow++;
+      }
+    },
+    handleDaySelect(date) {
+      var _a, _b;
+      if (this.type === OrDateTimePickerTypes.date) {
+        this.$emit('update:modelValue', date);
+      } else {
+        const newDate = new Date(date.getFullYear(), date.getMonth(), date.getDate(), ((_a = this.modelValue) !== null && _a !== void 0 ? _a : date).getHours(), ((_b = this.modelValue) !== null && _b !== void 0 ? _b : date).getMinutes());
+        this.$emit('update:modelValue', newDate);
+      }
+    },
+    handleHourSelect(date) {
+      var _a;
+      const newDate = new Date(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), ((_a = this.modelValue) !== null && _a !== void 0 ? _a : date).getMinutes());
+      this.$emit('update:modelValue', newDate);
+    },
+    handleMinuteSelect(date) {
+      var _a;
+      const newDate = new Date(date.getFullYear(), date.getMonth(), date.getDate(), ((_a = this.modelValue) !== null && _a !== void 0 ? _a : date).getHours(), date.getMinutes());
+      this.$emit('update:modelValue', newDate);
+    }
+  }
+});
+
+const _withScopeId = n => (pushScopeId("data-v-733cf0b2"), n = n(), popScopeId(), n);
+const _hoisted_1 = ["id", "value", "disabled", "readonly"];
+const _hoisted_2 = {
+  key: 0,
+  class: "placeholder"
+};
+const _hoisted_3 = {
+  key: 0
+};
+const _hoisted_4 = {
+  key: 1
+};
+const _hoisted_5 = {
+  key: 0
+};
+const _hoisted_6 = {
+  key: 1,
+  class: "value"
+};
+const _hoisted_7 = {
+  key: 0
+};
+const _hoisted_8 = {
+  key: 1
+};
+const _hoisted_9 = {
+  class: "or-date-time-picker-info"
+};
+const _hoisted_10 = {
+  ref: "content",
+  class: "content"
+};
+const _hoisted_11 = {
+  class: "picker-header"
+};
+const _hoisted_12 = {
+  class: "calendar"
+};
+const _hoisted_13 = {
+  class: "calendar-week-days"
+};
+const _hoisted_14 = {
+  class: "calendar-days"
+};
+const _hoisted_15 = {
+  key: 0,
+  class: "time-footer"
+};
+const _hoisted_16 = /*#__PURE__*/_withScopeId(() => /*#__PURE__*/createElementVNode("span", null, ":", -1 /* HOISTED */));
+const _hoisted_17 = {
+  key: 0
+};
+const _hoisted_18 = {
+  key: 1,
+  class: "time-table"
+};
+const _hoisted_19 = {
+  class: "time-table-column"
+};
+const _hoisted_20 = {
+  class: "picker-header"
+};
+const _hoisted_21 = {
+  class: "picker-header-centered"
+};
+const _hoisted_22 = {
+  class: "time-table-column-time"
+};
+const _hoisted_23 = {
+  class: "time-table-column"
+};
+const _hoisted_24 = {
+  class: "picker-header"
+};
+const _hoisted_25 = {
+  class: "picker-header-centered"
+};
+const _hoisted_26 = {
+  class: "time-table-column-time"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_or_label = resolveComponent("or-label");
+  const _component_or_hint = resolveComponent("or-hint");
+  const _component_or_error = resolveComponent("or-error");
+  const _component_or_collapse = resolveComponent("or-collapse");
+  const _component_or_icon_button = resolveComponent("or-icon-button");
+  const _component_or_date_time_picker_calendar_item = resolveComponent("or-date-time-picker-calendar-item");
+  const _component_or_floating = resolveComponent("or-floating");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["or-date-time-picker", _ctx.rootClasses])
+  }, [_ctx.$slots['label-default'] || _ctx.label ? (openBlock(), createBlock(_component_or_label, {
+    key: 0,
+    "is-required": _ctx.isRequired,
+    for: _ctx.localId
+  }, {
+    default: withCtx(() => [renderSlot(_ctx.$slots, "label-default", {}, () => [createTextVNode(toDisplayString(_ctx.label), 1 /* TEXT */)])]),
+
+    append: withCtx(() => [renderSlot(_ctx.$slots, "label-append")]),
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["is-required", "for"])) : createCommentVNode("v-if", true), createElementVNode("div", {
+    ref: "wrapperRef",
+    class: normalizeClass(["or-date-time-picker-input-wrapper", _ctx.wrapperClasses]),
+    onClick: _cache[0] || (_cache[0] = withModifiers(function () {
+      return _ctx.toggle && _ctx.toggle(...arguments);
+    }, ["prevent"]))
+  }, [createElementVNode("input", {
+    id: _ctx.localId,
+    type: "hidden",
+    value: _ctx.modelValue,
+    disabled: _ctx.isDisabled,
+    readonly: _ctx.isReadonly
+  }, null, 8 /* PROPS */, _hoisted_1), !_ctx.modelValue ? (openBlock(), createElementBlock("div", _hoisted_2, [_ctx.isShowDate ? (openBlock(), createElementBlock("div", _hoisted_3, " YYYY-MM-DD ")) : createCommentVNode("v-if", true), _ctx.isShowTime ? (openBlock(), createElementBlock("div", _hoisted_4, [createTextVNode(" HH:MM"), _ctx.isShowSeconds ? (openBlock(), createElementBlock("span", _hoisted_5, ":SS")) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true)])) : (openBlock(), createElementBlock("div", _hoisted_6, [_ctx.isShowDate ? (openBlock(), createElementBlock("div", _hoisted_7, toDisplayString(_ctx.dateValue), 1 /* TEXT */)) : createCommentVNode("v-if", true), _ctx.isShowTime ? (openBlock(), createElementBlock("div", _hoisted_8, toDisplayString(_ctx.timeValue), 1 /* TEXT */)) : createCommentVNode("v-if", true)]))], 2 /* CLASS */), createVNode(_component_or_collapse, {
+    "is-visible": _ctx.isShowInfo
+  }, {
+    default: withCtx(() => [createElementVNode("div", _hoisted_9, [createVNode(Transition, {
+      mode: "out-in",
+      onBeforeEnter: _ctx.beforeEnter,
+      onEnter: _ctx.enter,
+      onAfterEnter: _ctx.cancelRequestAF,
+      onLeave: _ctx.leave,
+      onAfterLeave: _ctx.cancelRequestAF
+    }, {
+      default: withCtx(() => [_ctx.isShowHint ? (openBlock(), createBlock(_component_or_hint, {
+        key: _ctx.hint,
+        hint: _ctx.hint,
+        class: "or-date-time-picker-hint"
+      }, null, 8 /* PROPS */, ["hint"])) : createCommentVNode("v-if", true)]),
+      _: 1 /* STABLE */
+    }, 8 /* PROPS */, ["onBeforeEnter", "onEnter", "onAfterEnter", "onLeave", "onAfterLeave"]), createVNode(Transition, {
+      mode: "out-in",
+      onBeforeEnter: _ctx.beforeEnter,
+      onEnter: _ctx.enter,
+      onAfterEnter: _ctx.cancelRequestAF,
+      onLeave: _ctx.leave,
+      onAfterLeave: _ctx.cancelRequestAF
+    }, {
+      default: withCtx(() => [_ctx.isShowError ? (openBlock(), createBlock(_component_or_error, {
+        key: _ctx.error,
+        error: _ctx.error,
+        class: "or-date-time-picker-error"
+      }, null, 8 /* PROPS */, ["error"])) : createCommentVNode("v-if", true)]),
+      _: 1 /* STABLE */
+    }, 8 /* PROPS */, ["onBeforeEnter", "onEnter", "onAfterEnter", "onLeave", "onAfterLeave"])])]),
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["is-visible"]), _ctx.isOpen ? (openBlock(), createBlock(_component_or_floating, {
+    key: 1,
+    trigger: _ctx.wrapperRef,
+    offset: 4,
+    placement: "bottom-start",
+    "is-using-flip": "",
+    "is-using-shift": ""
+  }, {
+    default: withCtx(() => [createElementVNode("div", _hoisted_10, [_ctx.isShowDate ? (openBlock(), createElementBlock(Fragment, {
+      key: 0
+    }, [createElementVNode("div", _hoisted_11, [createVNode(_component_or_icon_button, {
+      icon: "keyboard_arrow_left",
+      "icon-color": "neutral-6",
+      onClick: _ctx.decrementMonth
+    }, null, 8 /* PROPS */, ["onClick"]), createElementVNode("div", null, toDisplayString(_ctx.translations.months[_ctx.monthToShow]) + " " + toDisplayString(_ctx.yearToShow), 1 /* TEXT */), createVNode(_component_or_icon_button, {
+      icon: "keyboard_arrow_right",
+      "icon-color": "neutral-6",
+      onClick: _ctx.incrementMonth
+    }, null, 8 /* PROPS */, ["onClick"])]), createElementVNode("div", _hoisted_12, [createElementVNode("div", _hoisted_13, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.translations.days, day => {
+      return openBlock(), createElementBlock("div", {
+        key: day
+      }, toDisplayString(day), 1 /* TEXT */);
+    }), 128 /* KEYED_FRAGMENT */))]), createElementVNode("div", _hoisted_14, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.calendar, (row, index) => {
+      return openBlock(), createElementBlock("div", {
+        key: index,
+        class: "calendar-days-row"
+      }, [(openBlock(true), createElementBlock(Fragment, null, renderList(row, day => {
+        return openBlock(), createBlock(_component_or_date_time_picker_calendar_item, {
+          key: +day,
+          value: day,
+          type: "day",
+          "is-current": +day === +_ctx.today,
+          "is-disabled": _ctx.isDayDisabled(day),
+          "is-selected": _ctx.isDaySelected(day),
+          onSelect: _ctx.handleDaySelect
+        }, null, 8 /* PROPS */, ["value", "is-current", "is-disabled", "is-selected", "onSelect"]);
+      }), 128 /* KEYED_FRAGMENT */))]);
+    }), 128 /* KEYED_FRAGMENT */))])]), _ctx.isShowTime ? (openBlock(), createElementBlock("div", _hoisted_15, [withDirectives(createElementVNode("input", {
+      "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => _ctx.inputHours = $event),
+      type: "number",
+      class: normalizeClass(["time-footer-input", {
+        'time-footer-input-tripple': _ctx.isShowSeconds
+      }]),
+      placeholder: "00"
+    }, null, 2 /* CLASS */), [[vModelText, _ctx.inputHours]]), _hoisted_16, withDirectives(createElementVNode("input", {
+      "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => _ctx.inputMinutes = $event),
+      type: "number",
+      class: normalizeClass(["time-footer-input", {
+        'time-footer-input-tripple': _ctx.isShowSeconds
+      }]),
+      placeholder: "00"
+    }, null, 2 /* CLASS */), [[vModelText, _ctx.inputMinutes]]), _ctx.isShowSeconds ? (openBlock(), createElementBlock("span", _hoisted_17, ":")) : createCommentVNode("v-if", true), _ctx.isShowSeconds ? withDirectives((openBlock(), createElementBlock("input", {
+      key: 1,
+      "onUpdate:modelValue": _cache[3] || (_cache[3] = $event => _ctx.inputSeconds = $event),
+      type: "number",
+      class: normalizeClass(["time-footer-input", {
+        'time-footer-input-tripple': _ctx.isShowSeconds
+      }]),
+      placeholder: "00"
+    }, null, 2 /* CLASS */)), [[vModelText, _ctx.inputSeconds]]) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createElementBlock("div", _hoisted_18, [createElementVNode("div", _hoisted_19, [createElementVNode("div", _hoisted_20, [createElementVNode("span", _hoisted_21, toDisplayString(_ctx.translations.hours), 1 /* TEXT */)]), createElementVNode("div", _hoisted_22, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.hours, (row, index) => {
+      return openBlock(), createElementBlock("div", {
+        key: index,
+        class: "time-table-column-time-row"
+      }, [(openBlock(true), createElementBlock(Fragment, null, renderList(row, hour => {
+        return openBlock(), createBlock(_component_or_date_time_picker_calendar_item, {
+          key: +hour,
+          value: hour,
+          type: "hours",
+          "is-selected": _ctx.isHourSelected(hour),
+          onSelect: _ctx.handleHourSelect
+        }, null, 8 /* PROPS */, ["value", "is-selected", "onSelect"]);
+      }), 128 /* KEYED_FRAGMENT */))]);
+    }), 128 /* KEYED_FRAGMENT */))])]), createElementVNode("div", _hoisted_23, [createElementVNode("div", _hoisted_24, [createElementVNode("span", _hoisted_25, toDisplayString(_ctx.translations.minutes), 1 /* TEXT */)]), createElementVNode("div", _hoisted_26, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.minutes, (row, index) => {
+      return openBlock(), createElementBlock("div", {
+        key: index,
+        class: "time-table-column-time-row"
+      }, [(openBlock(true), createElementBlock(Fragment, null, renderList(row, minute => {
+        return openBlock(), createBlock(_component_or_date_time_picker_calendar_item, {
+          key: +minute,
+          value: minute,
+          type: "minutes",
+          "is-selected": _ctx.isMinuteSelected(minute),
+          onSelect: _ctx.handleMinuteSelect
+        }, null, 8 /* PROPS */, ["value", "is-selected", "onSelect"]);
+      }), 128 /* KEYED_FRAGMENT */))]);
+    }), 128 /* KEYED_FRAGMENT */))])])]))], 512 /* NEED_PATCH */)]),
+
+    _: 1 /* STABLE */
+  }, 8 /* PROPS */, ["trigger"])) : createCommentVNode("v-if", true)], 2 /* CLASS */);
+}
+
+var css_248z = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-733cf0b2 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-733cf0b2 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-date-time-picker[data-v-733cf0b2] {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: flex-start;\n}\n.or-date-time-picker.is-fullwidth[data-v-733cf0b2] {\n  width: 100% !important;\n}\n.or-date-time-picker.is-date-type[data-v-733cf0b2] {\n  width: 7.125rem;\n}\n.or-date-time-picker.is-time-type[data-v-733cf0b2] {\n  width: 7.125rem;\n}\n.or-date-time-picker.is-date-time-type[data-v-733cf0b2] {\n  width: 11.25rem;\n}\n.or-date-time-picker.is-date-time-type-seconds[data-v-733cf0b2] {\n  width: 13.25rem;\n}\n.or-date-time-picker .or-label[data-v-733cf0b2] {\n  margin-bottom: var(--s-1);\n}\n.or-date-time-picker-info[data-v-733cf0b2] {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n  padding-top: var(--s-2);\n}\n.or-date-time-picker-input-wrapper[data-v-733cf0b2] {\n  position: relative;\n  width: 100%;\n  height: 2.25rem;\n  padding: 0.625rem;\n  font-size: var(--fs-1);\n  line-height: 1rem;\n  background-color: var(--c-neutral-1);\n  border: 1px solid var(--c-neutral-2);\n  border-radius: var(--s-2);\n  transition-timing-function: var(--t-func);\n  transition-duration: var(--t-duration);\n  transition-property: border-color, background-color;\n}\n.or-date-time-picker-input-wrapper[data-v-733cf0b2]:not(.is-readonly):hover {\n  cursor: pointer;\n  background-color: var(--c-neutral-0);\n}\n.or-date-time-picker-input-wrapper[data-v-733cf0b2]:disabled, .or-date-time-picker-input-wrapper.is-disabled[data-v-733cf0b2] {\n  cursor: not-allowed;\n  background-color: var(--c-neutral-2);\n  border-color: var(--c-neutral-2);\n}\n.or-date-time-picker-input-wrapper.has-error[data-v-733cf0b2] {\n  border-color: var(--c-error);\n}\n@media (hover: hover) and (pointer: fine) {\n.or-date-time-picker-input-wrapper.has-error[data-v-733cf0b2]:not(.or-date-time-picker-input-wrapper.has-error.is-loading):not(.or-date-time-picker-input-wrapper.has-error.is-disabled):not(.or-date-time-picker-input-wrapper.has-error.is-readonly):not(.or-date-time-picker-input-wrapper.has-error:disabled):not(.or-date-time-picker-input-wrapper.has-error.is-focused):not(.or-date-time-picker-input-wrapper.has-error:active):hover {\n    border-color: var(--c-error-darken-3);\n}\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n.or-date-time-picker-input-wrapper.has-error[data-v-733cf0b2]:not(.or-date-time-picker-input-wrapper.has-error.is-loading):not(.or-date-time-picker-input-wrapper.has-error.is-disabled):not(.or-date-time-picker-input-wrapper.has-error.is-readonly):not(.or-date-time-picker-input-wrapper.has-error:disabled):not(.or-date-time-picker-input-wrapper.has-error.is-focused):not(.or-date-time-picker-input-wrapper.has-error:active):hover {\n    border-color: var(--c-error-darken-3);\n}\n}\n.or-date-time-picker-input-wrapper.has-error[data-v-733cf0b2]:not(:disabled):not(.is-readonly):not(.is-loading):focus {\n  border-color: var(--c-error-darken-5);\n}\n.or-date-time-picker-input-wrapper.has-error[data-v-733cf0b2]:disabled, .or-date-time-picker-input-wrapper.has-error.is-disabled[data-v-733cf0b2] {\n  cursor: not-allowed;\n  border-color: var(--c-error-lighten-20);\n}\n.or-date-time-picker-input-wrapper .placeholder[data-v-733cf0b2],\n.or-date-time-picker-input-wrapper .value[data-v-733cf0b2] {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  width: 100%;\n  white-space: nowrap;\n  transition-timing-function: var(--t-func);\n  transition-duration: var(--t-duration);\n  transition-property: opacity;\n}\n.or-date-time-picker-input-wrapper .placeholder[data-v-733cf0b2] {\n  color: var(--c-neutral-4);\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n}\n.content[data-v-733cf0b2] {\n  display: flex;\n  flex-direction: column;\n  text-align: center;\n  background-color: var(--c-neutral-0);\n  border: 1px solid var(--c-neutral-2);\n  border-radius: var(--s-2);\n}\n.content .picker-header[data-v-733cf0b2] {\n  display: flex;\n  flex-direction: row;\n  gap: var(--s-3);\n  justify-content: space-between;\n  padding: var(--s-4) var(--s-3);\n  font-size: var(--fs-1);\n  font-weight: bold;\n  color: var(--c-neutral-6);\n  text-align: center;\n}\n.content .picker-header-centered[data-v-733cf0b2] {\n  margin: auto;\n}\n.content .calendar[data-v-733cf0b2] {\n  padding: 0 var(--s-3) var(--s-3);\n  font-size: var(--fs-0);\n  line-height: 0.875rem;\n}\n.content .calendar-week-days[data-v-733cf0b2] {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  margin-bottom: var(--s-1);\n  color: var(--c-neutral-4);\n}\n.content .calendar-week-days > *[data-v-733cf0b2] {\n  width: var(--s-6);\n}\n.content .calendar-days[data-v-733cf0b2] {\n  display: flex;\n  flex-direction: column;\n  gap: var(--s-2);\n}\n.content .calendar-days-row[data-v-733cf0b2] {\n  display: flex;\n  flex-direction: row;\n  gap: var(--s-2);\n  justify-content: space-around;\n}\n.content .time-footer[data-v-733cf0b2] {\n  display: inline-flex;\n  flex-direction: row;\n  justify-content: space-between;\n  width: 100%;\n  line-height: var(--s-6);\n  text-align: center;\n  border-top: 1px solid var(--c-neutral-2);\n}\n.content .time-footer input[data-v-733cf0b2]::-webkit-outer-spin-button,\n.content .time-footer input[data-v-733cf0b2]::-webkit-inner-spin-button {\n  margin: 0;\n  -webkit-appearance: none;\n}\n.content .time-footer input[type=number][data-v-733cf0b2] {\n  -moz-appearance: textfield;\n}\n.content .time-footer-input[data-v-733cf0b2] {\n  font-size: var(--fs-0);\n  text-align: center;\n  border: none;\n}\n.content .time-footer-input-tripple[data-v-733cf0b2] {\n  max-width: 96px;\n}\n.content .time-footer-input[data-v-733cf0b2]:focus-visible {\n  background-color: var(--c-neutral-2);\n  outline: none;\n}\n.content .time-table[data-v-733cf0b2] {\n  display: flex;\n  flex-direction: row;\n  gap: var(--s-4);\n}\n.content .time-table-column[data-v-733cf0b2] {\n  display: flex;\n  flex-direction: column;\n}\n.content .time-table-column-time[data-v-733cf0b2] {\n  display: flex;\n  flex-direction: column;\n  gap: var(--s-2);\n  padding: 0 var(--s-3) var(--s-3);\n}\n.content .time-table-column-time-row[data-v-733cf0b2] {\n  display: flex;\n  flex-direction: row;\n  gap: var(--s-2);\n  justify-content: space-around;\n}";
+styleInject(css_248z);
+
+script.render = render;
+script.__scopeId = "data-v-733cf0b2";
+script.__file = "src/components/or-date-time-picker/OrDateTimePicker.vue";
+
+export { DEFAULT_TEXT as D, OrDateTimePickerTypes as O, _baseGetTag as _, _root as a, isObjectLike_1 as b, _freeGlobal as c, isArray_1 as d, _Symbol as e, toNumber_1 as f, toString_1 as g, isSymbol_1 as h, isObject_1 as i, commonjsGlobal as j, getDefaultExportFromCjs as k, _baseProperty as l, toFinite_1 as m, OrDateTimePickerItemTypes as n, script as s, toInteger_1 as t };