@ldmjs/ui 1.0.0-dev-20 → 1.0.0-dev-21

package/dist/css/index.css

@@ -1,12 +1,12 @@
 .loader[data-v-a5beedac]{width:100%;height:100%;top:0px;left:0px;display:flex;justify-content:center;align-items:center;overflow:hidden;transition:opacity 0.15s linear}.loader__icon[data-v-a5beedac]{vertical-align:middle;height:48px}.loader__icon-gray[data-v-a5beedac]{color:var(--grey-l-5)}.loader .circle.small[data-v-a5beedac]{width:calc(var(--font-size) + 4px);height:calc(var(--font-size) + 4px);border-width:3px}.loader .circle.big[data-v-a5beedac]{width:calc(var(--font-size) * 3);height:calc(var(--font-size) * 3);border-width:3px}.loader .circle[data-v-a5beedac]{animation:rotating-a5beedac 0.7s linear infinite;width:calc(var(--font-size) * 2);height:calc(var(--font-size) * 2);border-radius:50%;border:2px solid transparent}.loader.loader__color-primary[data-v-a5beedac]:not(.loader__transparent){background:rgba(255,255,255,0.5)}.loader.loader__color-primary .circle[data-v-a5beedac]{border-right-color:var(--primary);border-bottom-color:var(--primary)}.loader.loader__color-white[data-v-a5beedac]{background:none}.loader.loader__color-white .circle[data-v-a5beedac]{border-right-color:var(--white);border-bottom-color:var(--white)}.loader.loader__white-bg[data-v-a5beedac]:not(.loader__transparent){background:#fff}.loading-mask-global[data-v-a5beedac]{position:fixed !important;width:100vw !important;height:100vh !important}.loading-mask[data-v-a5beedac]{position:absolute;-webkit-backface-visibility:hidden;backface-visibility:hidden}.loader__relative[data-v-a5beedac]{position:relative}@-moz-keyframes rotating-a5beedac{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-webkit-keyframes rotating-a5beedac{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-o-keyframes rotating-a5beedac{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes rotating-a5beedac{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
 
-.ld-splitter[data-v-c282e58e]{height:inherit;display:flex}.ld-splitter .splitter-pane[data-v-c282e58e]{height:inherit;overflow-y:auto;background:var(--white)}.ld-splitter .splitter[data-v-c282e58e]{display:flex;align-items:center;width:7px;background-color:var(--white) !important;border-width:0 1px;border-color:var(--grey-l-5);border-style:solid}.ld-splitter.splitter[data-v-c282e58e]{width:100%;border-left:none;border-right:none}
+.ld-splitter[data-v-4f01e865]{height:inherit;display:flex}.ld-splitter .splitter-pane[data-v-4f01e865]{height:inherit;overflow-y:auto;background:var(--white)}.ld-splitter .splitter[data-v-4f01e865]{display:flex;align-items:center;width:7px;background-color:var(--white) !important;border-width:0 1px;border-color:var(--grey-l-5);border-style:solid}.ld-splitter.splitter[data-v-4f01e865]{width:100%;border-left:none;border-right:none}
 
 .label[data-v-12071c41]{word-wrap:break-word;max-width:100%;padding-bottom:2px;color:var(--label) !important;font-size:var(--font-size)}.label-wrapper[data-v-12071c41]{display:flex;align-items:center;min-height:var(--input-height)}.require[data-v-12071c41]::after{content:'*';display:inline-block;color:var(--error)}
 
 .ld-edit-text[data-v-5dac00fe]{min-width:100%}.input-class[data-v-5dac00fe]{height:var(--input-height);font-size:var(--font-size);max-width:100%;border-radius:var(--border-radius);border:1px solid var(--grey-l-5);padding:0 6px}.input-class[data-v-5dac00fe]:not(.disabled){background-color:var(--white)}.input-class[data-v-5dac00fe]:focus{border:1px solid var(--grey-l-4);outline:none}.input-class__suffix[data-v-5dac00fe]{position:absolute;top:3px;right:6px;color:var(--label)}
 
-.ld-datepicker[data-v-602bf8e3]{display:flex;min-width:100%;max-width:100%;width:100%;font-size:var(--font-size)}.ld-datepicker.column[data-v-602bf8e3]{flex-flow:column nowrap}.ld-datepicker-validate[data-v-602bf8e3]{overflow:hidden;height:20px}.custom-time-picker[data-v-602bf8e3]{max-width:var(--date-time-width);border-radius:var(--border-radius);background-color:var(--white);font-size:inherit !important}.custom-time-picker-validate[data-v-602bf8e3]{overflow:hidden;height:20px}.date-input[data-v-602bf8e3]{padding-left:5px;width:100%;font-size:var(--font-size)}.time-input[data-v-602bf8e3]{width:100%;padding-left:5px;font-size:var(--font-size)}.time-input-btn[data-v-602bf8e3]{padding-right:5px}.dt-col[data-v-602bf8e3]{max-width:110px}.time-selector[data-v-602bf8e3]{display:flex;flex-wrap:wrap;max-width:186px;padding:3px}.time-selector>span[data-v-602bf8e3]{display:inline-block;width:100%;text-align:center;font-family:'Roboto';font-size:var(--font-size-2);font-weight:700}.time-selector .v-btn[data-v-602bf8e3]{width:30px !important;height:30px !important;max-width:30px !important;max-height:30px !important;min-width:30px !important;min-height:30px !important;margin:3px}[data-v-602bf8e3]  .vc-popover-content-wrapper{position:fixed !important}[data-v-602bf8e3]  .v-input--is-disabled input{color:var(--text) !important}[data-v-602bf8e3]  .vc-popover-content{border-color:var(--grey-l-5)}[data-v-602bf8e3]  .vc-title span{color:var(--text);font-size:var(--font-size-2);font-weight:600;font-family:'Roboto'}[data-v-602bf8e3]  .vc-arrow{color:var(--grey)}[data-v-602bf8e3]  .vc-weekday{color:var(--grey-l-2);font-size:var(--font-size);font-weight:600;font-family:'Roboto'}[data-v-602bf8e3]  .vc-day-content{color:var(--text);font-size:var(--font-size);font-weight:400;font-family:'Roboto'}[data-v-602bf8e3]  .vc-day-content.vc-disabled{color:var(--grey-l-2) !important}[data-v-602bf8e3]  .vc-day-content.vc-highlight-content-solid{color:var(--white) !important;font-weight:600 !important}
+.ld-datepicker[data-v-b65d2d3a]{display:flex;min-width:100%;max-width:100%;width:100%;font-size:var(--font-size)}.ld-datepicker.column[data-v-b65d2d3a]{flex-flow:column nowrap}.ld-datepicker-validate[data-v-b65d2d3a]{overflow:hidden;height:20px}.custom-time-picker[data-v-b65d2d3a]{max-width:var(--date-time-width);border-radius:var(--border-radius);background-color:var(--white);font-size:inherit !important}.custom-time-picker-validate[data-v-b65d2d3a]{overflow:hidden;height:20px}.date-input[data-v-b65d2d3a]{padding-left:5px;width:100%;font-size:var(--font-size)}.time-input[data-v-b65d2d3a]{width:100%;padding-left:5px;font-size:var(--font-size)}.time-input-btn[data-v-b65d2d3a]{padding-right:5px}.dt-col[data-v-b65d2d3a]{max-width:110px}.time-selector[data-v-b65d2d3a]{display:flex;flex-wrap:wrap;max-width:186px;padding:3px}.time-selector>span[data-v-b65d2d3a]{display:inline-block;width:100%;text-align:center;font-family:'Roboto';font-size:var(--font-size-2);font-weight:700}.time-selector .v-btn[data-v-b65d2d3a]{width:30px !important;height:30px !important;max-width:30px !important;max-height:30px !important;min-width:30px !important;min-height:30px !important;margin:3px}[data-v-b65d2d3a]  .vc-popover-content-wrapper{position:fixed !important}[data-v-b65d2d3a]  .v-input--is-disabled input{color:var(--text) !important}[data-v-b65d2d3a]  .vc-popover-content{border-color:var(--grey-l-5)}[data-v-b65d2d3a]  .vc-title span{color:var(--text);font-size:var(--font-size-2);font-weight:600;font-family:'Roboto'}[data-v-b65d2d3a]  .vc-arrow{color:var(--grey)}[data-v-b65d2d3a]  .vc-weekday{color:var(--grey-l-2);font-size:var(--font-size);font-weight:600;font-family:'Roboto'}[data-v-b65d2d3a]  .vc-day-content{color:var(--text);font-size:var(--font-size);font-weight:400;font-family:'Roboto'}[data-v-b65d2d3a]  .vc-day-content.vc-disabled{color:var(--grey-l-2) !important}[data-v-b65d2d3a]  .vc-day-content.vc-highlight-content-solid{color:var(--white) !important;font-weight:600 !important}
 
 .ld-tabs[data-v-de9a059c]{margin-left:0;display:flex;height:100%;width:100%;overflow-y:auto}.ld-tabs .header-text[data-v-de9a059c]{font-size:var(--font-size-2)}.ld-tabs-mobile[data-v-de9a059c]{height:100%}.ld-tabs .body[data-v-de9a059c]{display:flex;flex-flow:column nowrap;max-width:100%;width:100%;height:100%;justify-content:space-between;padding-top:3px}.ld-tabs .vertical-body[data-v-de9a059c]{--w: 44px;display:flex;flex-flow:column nowrap;width:calc(100% - var(--w)) !important;height:100%}.v-window[data-v-de9a059c]{background-color:var(--white);box-shadow:1px 0 var(--grey-l-5),-1px 0 0 var(--grey-l-5);overflow-y:auto;height:100%;width:100%}.vertical-window.v-window[data-v-de9a059c]{padding:10px 12px;border-bottom:1px solid var(--grey-l-5);border-right:1px solid var(--grey-l-5);border-top:1px solid var(--grey-l-5)}.vertical-window.v-window--no-padding[data-v-de9a059c]{padding:0 !important}[data-v-de9a059c]  .ld-tabs .v-tab{background-color:transparent}[data-v-de9a059c]  .ld-tabs .v-slide-group-item--active{background-color:var(--white)}[data-v-de9a059c]  .v-window.mobile .tg-field .v-row .v-col{flex:1 0 0 !important}[data-v-de9a059c]  .v-window.mobile .tg-field .text-viewer-wrapper .v-col{flex:1 0 0 !important}[data-v-de9a059c]  .vertical-tab .v-tab{justify-content:flex-start;border:1px solid var(--grey-l-5);border-radius:0 !important;text-transform:none !important;width:100%;min-width:auto !important}[data-v-de9a059c]  .vertical-tab .v-tab:last-child{border-bottom:1px solid var(--grey-l-5) !important}[data-v-de9a059c]  .vertical-tab .v-slide-group__content{flex-flow:column nowrap;height:100% !important;width:100% !important}[data-v-de9a059c]  .vertical-tab .v-slide-group__content .v-btn__content{text-overflow:ellipsis;display:inline-flex;justify-content:flex-start;gap:4px;white-space:nowrap;overflow:hidden}[data-v-de9a059c]  .v-tab{height:var(--ld-tab-height) !important;display:flex !important;text-transform:uppercase !important;border-bottom:none !important;padding:0 12px !important;font-size:var(--font-size);color:var(--text) !important;background-color:var(--white);letter-spacing:0 !important}[data-v-de9a059c]  .v-tab.v-slide-group-item--active{border-right-color:transparent}[data-v-de9a059c]  .v-slide-group-item--active .v-btn__content{font-weight:bold;color:var(--primary) !important}[data-v-de9a059c]  .v-btn:hover::before{background-color:inherit}[data-v-de9a059c]  .v-slide-group--vertical{border-color:var(--grey-l-5);border:1px}[data-v-de9a059c]  .v-slide-group--vertical .v-tab__slider{width:0px}[data-v-de9a059c]  .v-tabs-bar{flex:none;height:fit-content;height:-moz-max-content;max-height:fit-content;max-height:-moz-max-content;z-index:1}[data-v-de9a059c]  .v-window-item{height:100%}[data-v-de9a059c]  .ld-tabs-mobile.hide-tabs .v-tab{display:none !important}[data-v-de9a059c]  .ld-tabs-mobile.hide-body .v-slide-group{width:100% !important}[data-v-de9a059c]  .ld-tabs-mobile.hide-body .v-window{display:none !important}[data-v-de9a059c]  .v-tabs-mobile .v-slide-group__content .v-btn__content{display:block !important}
 
@@ -26,3 +26,5 @@
 
 .ld-combobox[data-v-7bbbdbd8]{display:flex;min-width:100%;max-width:100%;width:100%}.ld-combobox .combobox-validate[data-v-7bbbdbd8]{overflow:hidden;height:20px}.ld-combobox .combobox-loading[data-v-7bbbdbd8]{position:absolute;left:0;bottom:0;width:calc(100% - var(--input-height));height:3px;overflow:hidden;background-color:var(--grey-l-5)}.ld-combobox .combobox-loading[data-v-7bbbdbd8]:before{content:'';display:block;position:absolute;top:0;left:0;width:25%;height:100%;background-color:var(--primary);animation:loading-7bbbdbd8 1.4s linear;animation-iteration-count:infinite}@keyframes loading-7bbbdbd8{from{transform:translateX(-300%)}to{transform:translateX(500%)}}
 
+.time-selector[data-v-256abd0d]{display:flex;flex-wrap:wrap;max-width:186px;padding:3px}.time-selector>span[data-v-256abd0d]{display:inline-block;width:100%;text-align:center;font-family:'Roboto';font-size:var(--font-size-2);font-weight:700}.time-selector .v-btn[data-v-256abd0d]{width:30px !important;height:30px !important;max-width:30px !important;max-height:30px !important;min-width:30px !important;min-height:30px !important;margin:3px}.ld-timepicker-validate[data-v-256abd0d]{overflow:hidden;height:20px}
+

package/dist/index.js

@@ -816,30 +816,16 @@ function ld_button_reg(vue, options) {
 }
 /* harmony default export */ const src_ld_button = (ld_button_reg);
 
-;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ld-splitter/ld-splitter.vue?vue&type=template&id=c282e58e&scoped=true
-
-
-const ld_splittervue_type_template_id_c282e58e_scoped_true_withScopeId = n => ((0,external_vue_.pushScopeId)("data-v-c282e58e"),n=n(),(0,external_vue_.popScopeId)(),n)
-const ld_splittervue_type_template_id_c282e58e_scoped_true_hoisted_1 = /*#__PURE__*/ ld_splittervue_type_template_id_c282e58e_scoped_true_withScopeId(() => /*#__PURE__*/(0,external_vue_.createElementVNode)("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  version: "1.1",
-  viewBox: "0 0 1.5875 8.4666668",
-  height: "32",
-  width: "6"
-}, [
-  /*#__PURE__*/(0,external_vue_.createElementVNode)("g", null, [
-    /*#__PURE__*/(0,external_vue_.createElementVNode)("path", {
-      transform: "scale(0.26458333)",
-      d: "M 0.38476562 0.7265625 L 0.38476562 3.2910156 L 2.53125 3.2910156 L 2.53125 0.7265625 L 0.38476562 0.7265625 z M 3.4941406 0.7265625 L 3.4941406 3.2910156 L 5.6699219 3.2910156 L 5.6699219 0.7265625 L 3.4941406 0.7265625 z M 0.38476562 4.2519531 L 0.38476562 6.8144531 L 2.53125 6.8144531 L 2.53125 4.2519531 L 0.38476562 4.2519531 z M 3.4941406 4.2519531 L 3.4941406 6.8144531 L 5.6699219 6.8144531 L 5.6699219 4.2519531 L 3.4941406 4.2519531 z M 0.38476562 7.7753906 L 0.38476562 10.339844 L 2.53125 10.339844 L 2.53125 7.7753906 L 0.38476562 7.7753906 z M 3.4941406 7.7753906 L 3.4941406 10.339844 L 5.6699219 10.339844 L 5.6699219 7.7753906 L 3.4941406 7.7753906 z M 0.38476562 11.298828 L 0.38476562 13.863281 L 2.53125 13.863281 L 2.53125 11.298828 L 0.38476562 11.298828 z M 3.4941406 11.298828 L 3.4941406 13.863281 L 5.6699219 13.863281 L 5.6699219 11.298828 L 3.4941406 11.298828 z M 0.38476562 14.822266 L 0.38476562 17.386719 L 2.53125 17.386719 L 2.53125 14.822266 L 0.38476562 14.822266 z M 3.4941406 14.822266 L 3.4941406 17.386719 L 5.6699219 17.386719 L 5.6699219 14.822266 L 3.4941406 14.822266 z M 0.38476562 18.347656 L 0.38476562 20.910156 L 2.53125 20.910156 L 2.53125 18.347656 L 0.38476562 18.347656 z M 3.4941406 18.347656 L 3.4941406 20.910156 L 5.6699219 20.910156 L 5.6699219 18.347656 L 3.4941406 18.347656 z M 0.38476562 21.871094 L 0.38476562 24.435547 L 2.53125 24.435547 L 2.53125 21.871094 L 0.38476562 21.871094 z M 3.4941406 21.871094 L 3.4941406 24.435547 L 5.6699219 24.435547 L 5.6699219 21.871094 L 3.4941406 21.871094 z M 0.38476562 25.394531 L 0.38476562 27.958984 L 2.53125 27.958984 L 2.53125 25.394531 L 0.38476562 25.394531 z M 3.4941406 25.394531 L 3.4941406 27.958984 L 5.6699219 27.958984 L 5.6699219 25.394531 L 3.4941406 25.394531 z M 0.38476562 28.917969 L 0.38476562 31.482422 L 2.53125 31.482422 L 2.53125 28.917969 L 0.38476562 28.917969 z M 3.4941406 28.917969 L 3.4941406 31.482422 L 5.6699219 31.482422 L 5.6699219 28.917969 L 3.4941406 28.917969 z ",
-      style: {"fill":"#cccccc","stroke-width":"0.831496"}
-    })
-  ])
-], -1))
-const ld_splittervue_type_template_id_c282e58e_scoped_true_hoisted_2 = [
-  ld_splittervue_type_template_id_c282e58e_scoped_true_hoisted_1
+;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ld-splitter/ld-splitter.vue?vue&type=template&id=4f01e865&scoped=true
+
+
+const ld_splittervue_type_template_id_4f01e865_scoped_true_withScopeId = n => (_pushScopeId("data-v-4f01e865"),n=n(),_popScopeId(),n)
+const ld_splittervue_type_template_id_4f01e865_scoped_true_hoisted_1 = /*#__PURE__*/(0,external_vue_.createStaticVNode)("<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"6\" height=\"45\" viewBox=\"0 0 1.5875 11.90625\" version=\"1.1\" data-v-4f01e865><g id=\"layer1\" data-v-4f01e865><path d=\"M 0.07060175,0.12564185 V 0.81087133 H 0.63904249 V 0.12564185 Z m 0.9151896,0.005168 V 0.81603896 H 1.5542321 V 0.13080949 Z M 0.07060175,1.340038 V 2.0252675 H 0.63904249 V 1.340038 Z m 0.9151896,0.00517 V 2.0304351 H 1.5542321 V 1.3452056 Z M 0.07060175,2.5544342 V 3.2396635 H 0.63904249 V 2.5544342 Z m 0.9151896,0.00517 V 3.2448313 H 1.5542321 V 2.5596018 Z m -0.9151896,1.209226 V 4.4540597 H 0.63904249 V 3.7688302 Z m 0.9151896,0.00517 V 4.4592276 H 1.5542321 V 3.773998 Z M 0.07060175,4.9832264 V 5.6684559 H 0.63904249 V 4.9832264 Z m 0.9151896,0.00517 V 5.6736235 H 1.5542321 V 4.9883942 Z\" style=\"fill:#b3b3b3;stroke-width:0.219999;\" id=\"rect864\" data-v-4f01e865></path> <path id=\"rect864-4\" style=\"fill:#b3b3b3;stroke-width:0.219999;\" d=\"m 0.07060179,4.9832264 v 0.6852295 h 0.5684407 V 4.9832264 Z m 0.9151896,0.00517 V 5.6736235 H 1.5542322 V 4.988394 Z m -0.9151896,1.2092261 v 0.6852296 h 0.5684407 V 6.1976225 Z m 0.9151896,0.00517 V 6.8880197 H 1.5542322 V 6.2027902 Z m -0.9151896,1.2092262 v 0.6852294 h 0.5684407 V 7.4120187 Z m 0.9151896,0.00517 V 8.102416 H 1.5542322 V 7.4171864 Z m -0.9151896,1.2092261 v 0.6852296 h 0.5684407 V 8.6264148 Z m 0.9151896,0.00517 V 9.3168117 H 1.5542322 V 8.6315827 Z M 0.07060179,9.840811 v 0.685228 h 0.5684407 V 9.840811 Z m 0.9151896,0.00517 v 0.685225 H 1.5542322 V 9.8459783 Z\" data-v-4f01e865></path> <path id=\"rect864-7\" style=\"fill:#b3b3b3;stroke-width:0.219999;\" d=\"M 0.07060179,6.1976225 V 6.882852 h 0.5684407 V 6.1976225 Z m 0.9151896,0.00517 V 6.8880197 H 1.5542322 V 6.2027902 Z m -0.9151896,1.2092261 v 0.6852296 h 0.5684407 V 7.4120186 Z m 0.9151896,0.00517 V 8.1024158 H 1.5542322 V 7.4171863 Z m -0.9151896,1.2092262 v 0.6852294 h 0.5684407 V 8.6264148 Z m 0.9151896,0.00517 V 9.3168121 H 1.5542322 V 8.6315825 Z M 0.07060179,9.840811 v 0.685229 h 0.5684407 V 9.840811 Z m 0.9151896,0.0052 v 0.685226 H 1.5542322 V 9.846009 Z m -0.9151896,1.209225 v 0.68523 h 0.5684407 v -0.68523 z m 0.9151896,0.0052 v 0.685227 H 1.5542322 v -0.68523 z\" data-v-4f01e865></path></g></svg>", 1)
+const ld_splittervue_type_template_id_4f01e865_scoped_true_hoisted_2 = [
+  ld_splittervue_type_template_id_4f01e865_scoped_true_hoisted_1
 ]
 
-function ld_splittervue_type_template_id_c282e58e_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+function ld_splittervue_type_template_id_4f01e865_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
   return ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", {
     style: (0,external_vue_.normalizeStyle)({
       cursor: _ctx.active ? (_ctx.horizontal ? 'ns-resize' : 'ew-resize') : '',
@@ -867,7 +853,7 @@ function ld_splittervue_type_template_id_c282e58e_scoped_true_render(_ctx, _cach
       onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.onClick && _ctx.onClick(...args))),
       onTouchstart: _cache[1] || (_cache[1] = (0,external_vue_.withModifiers)((...args) => (_ctx.onDown && _ctx.onDown(...args)), ["prevent"])),
       onMousedown: _cache[2] || (_cache[2] = (...args) => (_ctx.onDown && _ctx.onDown(...args)))
-    }, ld_splittervue_type_template_id_c282e58e_scoped_true_hoisted_2, 38), [
+    }, ld_splittervue_type_template_id_4f01e865_scoped_true_hoisted_2, 38), [
       [external_vue_.vShow, _ctx.leftVisibled && _ctx.rightVisibled]
     ]),
     (0,external_vue_.createTextVNode)(),
@@ -881,7 +867,7 @@ function ld_splittervue_type_template_id_c282e58e_scoped_true_render(_ctx, _cach
     ])
   ], 38))
 }
-;// CONCATENATED MODULE: ./src/ld-splitter/ld-splitter.vue?vue&type=template&id=c282e58e&scoped=true
+;// CONCATENATED MODULE: ./src/ld-splitter/ld-splitter.vue?vue&type=template&id=4f01e865&scoped=true
 
 ;// CONCATENATED MODULE: ./node_modules/lodash-es/isObject.js
 /**
@@ -1607,7 +1593,7 @@ SplitterComponent = ld_splittervue_type_script_lang_js_external_decorate([
 ;
 
 
-const ld_splitter_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_splittervue_type_script_lang_js_external, [['render',ld_splittervue_type_template_id_c282e58e_scoped_true_render],['__scopeId',"data-v-c282e58e"]])
+const ld_splitter_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_splittervue_type_script_lang_js_external, [['render',ld_splittervue_type_template_id_4f01e865_scoped_true_render],['__scopeId',"data-v-4f01e865"]])
 
 /* harmony default export */ const ld_splitter = (ld_splitter_exports_);
 ;// CONCATENATED MODULE: ./src/ld-splitter/index.ts
@@ -2953,15 +2939,15 @@ function ld_edit_text_reg(vue, options) {
 }
 /* harmony default export */ const src_ld_edit_text = (ld_edit_text_reg);
 
-;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ld-datepicker/ld-datepicker.vue?vue&type=template&id=602bf8e3&scoped=true
+;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ld-datepicker/ld-datepicker.vue?vue&type=template&id=b65d2d3a&scoped=true
 
 
-const ld_datepickervue_type_template_id_602bf8e3_scoped_true_withScopeId = n => (_pushScopeId("data-v-602bf8e3"),n=n(),_popScopeId(),n)
-const ld_datepickervue_type_template_id_602bf8e3_scoped_true_hoisted_1 = { class: "time-selector" }
-const ld_datepickervue_type_template_id_602bf8e3_scoped_true_hoisted_2 = { key: 0 }
-const ld_datepickervue_type_template_id_602bf8e3_scoped_true_hoisted_3 = { key: 1 }
+const ld_datepickervue_type_template_id_b65d2d3a_scoped_true_withScopeId = n => (_pushScopeId("data-v-b65d2d3a"),n=n(),_popScopeId(),n)
+const ld_datepickervue_type_template_id_b65d2d3a_scoped_true_hoisted_1 = { class: "time-selector" }
+const ld_datepickervue_type_template_id_b65d2d3a_scoped_true_hoisted_2 = { key: 0 }
+const ld_datepickervue_type_template_id_b65d2d3a_scoped_true_hoisted_3 = { key: 1 }
 
-function ld_datepickervue_type_template_id_602bf8e3_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+function ld_datepickervue_type_template_id_b65d2d3a_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ld_label = (0,external_vue_.resolveComponent)("ld-label")
   const _component_ld_icon = (0,external_vue_.resolveComponent)("ld-icon")
   const _component_square_button = (0,external_vue_.resolveComponent)("square-button")
@@ -2974,10 +2960,7 @@ function ld_datepickervue_type_template_id_602bf8e3_scoped_true_render(_ctx, _ca
 
   return ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_v_container, { class: "pa-0 ld-datepicker flex-column" }, {
     default: (0,external_vue_.withCtx)(() => [
-      (0,external_vue_.createVNode)(_component_v_row, {
-        "no-gutters": "",
-        style: {"height":"var(--input-height)"}
-      }, {
+      (0,external_vue_.createVNode)(_component_v_row, { "no-gutters": "" }, {
         default: (0,external_vue_.withCtx)(() => [
           (_ctx.label)
             ? ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_ld_label, {
@@ -3170,13 +3153,13 @@ function ld_datepickervue_type_template_id_602bf8e3_scoped_true_render(_ctx, _ca
                                     style: {"border":"1px solid var(--grey-l-5)"}
                                   }, {
                                     default: (0,external_vue_.withCtx)(() => [
-                                      (0,external_vue_.createElementVNode)("div", ld_datepickervue_type_template_id_602bf8e3_scoped_true_hoisted_1, [
+                                      (0,external_vue_.createElementVNode)("div", ld_datepickervue_type_template_id_b65d2d3a_scoped_true_hoisted_1, [
                                         (_ctx.isHours)
-                                          ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", ld_datepickervue_type_template_id_602bf8e3_scoped_true_hoisted_2, "Часы"))
+                                          ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", ld_datepickervue_type_template_id_b65d2d3a_scoped_true_hoisted_2, "Часы"))
                                           : (0,external_vue_.createCommentVNode)("", true),
                                         (0,external_vue_.createTextVNode)(),
                                         (_ctx.isMinutes)
-                                          ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", ld_datepickervue_type_template_id_602bf8e3_scoped_true_hoisted_3, "Минуты"))
+                                          ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", ld_datepickervue_type_template_id_b65d2d3a_scoped_true_hoisted_3, "Минуты"))
                                           : (0,external_vue_.createCommentVNode)("", true),
                                         (0,external_vue_.createTextVNode)(),
                                         (0,external_vue_.createElementVNode)("div", null, [
@@ -3239,51 +3222,44 @@ function ld_datepickervue_type_template_id_602bf8e3_scoped_true_render(_ctx, _ca
                     : (0,external_vue_.createCommentVNode)("", true)
                 ]),
                 _: 1
-              })
-            ]),
-            _: 1
-          }, 8, ["class"])
-        ]),
-        _: 1
-      }),
-      (0,external_vue_.createTextVNode)(),
-      (!_ctx.hideDetails)
-        ? ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_v_row, {
-            key: 0,
-            "no-gutters": "",
-            class: "ld-datepicker-validate"
-          }, {
-            default: (0,external_vue_.withCtx)(() => [
-              (_ctx.label)
-                ? ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_v_col, {
-                    key: 0,
-                    class: (0,external_vue_.normalizeClass)(["pr-2", _ctx.labelSizeClasses])
-                  }, null, 8, ["class"]))
-                : (0,external_vue_.createCommentVNode)("", true),
+              }),
               (0,external_vue_.createTextVNode)(),
-              (0,external_vue_.createVNode)(_component_v_col, null, {
-                default: (0,external_vue_.withCtx)(() => [
-                  (0,external_vue_.createVNode)(external_vue_.Transition, { name: "squash" }, {
+              (!_ctx.hideDetails)
+                ? ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_v_row, {
+                    key: 0,
+                    "no-gutters": "",
+                    class: "ld-datepicker-validate"
+                  }, {
                     default: (0,external_vue_.withCtx)(() => [
-                      (0,external_vue_.createElementVNode)("span", {
-                        style: {"line-height":"12px"},
-                        class: (0,external_vue_.normalizeClass)(["text-body-1", { 'error--text': _ctx.warningHint }])
-                      }, (0,external_vue_.toDisplayString)(_ctx.validationMesssage || _ctx.inputHint), 3)
+                      (0,external_vue_.createVNode)(_component_v_col, null, {
+                        default: (0,external_vue_.withCtx)(() => [
+                          (0,external_vue_.createVNode)(external_vue_.Transition, { name: "squash" }, {
+                            default: (0,external_vue_.withCtx)(() => [
+                              (0,external_vue_.createElementVNode)("span", {
+                                style: {"line-height":"12px","font-size":"var(--font-size--1)"},
+                                class: (0,external_vue_.normalizeClass)({ 'error--text': _ctx.warningHint })
+                              }, (0,external_vue_.toDisplayString)(_ctx.validationMessage || _ctx.inputHint), 3)
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      })
                     ]),
                     _: 1
-                  })
-                ]),
-                _: 1
-              })
+                  }))
+                : (0,external_vue_.createCommentVNode)("", true)
             ]),
             _: 1
-          }))
-        : (0,external_vue_.createCommentVNode)("", true)
+          }, 8, ["class"])
+        ]),
+        _: 1
+      })
     ]),
     _: 1
   }))
 }
-;// CONCATENATED MODULE: ./src/ld-datepicker/ld-datepicker.vue?vue&type=template&id=602bf8e3&scoped=true
+;// CONCATENATED MODULE: ./src/ld-datepicker/ld-datepicker.vue?vue&type=template&id=b65d2d3a&scoped=true
 
 // EXTERNAL MODULE: external "imask"
 var external_imask_ = __webpack_require__(5467);
@@ -3331,7 +3307,6 @@ let DatepickerComponent = class DatepickerComponent extends (0,external_vue_clas
         this.dateMenu = false;
         this.timeMenu = false;
         this.event = null;
-        this.validationMesssage = '';
         this.errorsHandler = [];
         this.isHours = true;
         this.isMinutes = false;
@@ -3694,14 +3669,14 @@ let DatepickerComponent = class DatepickerComponent extends (0,external_vue_clas
     }
     validate() {
         let funcResult = null;
-        this.validationMesssage = '';
+        this.validationMessage = '';
         this.validRules.forEach(func => {
             funcResult = func(this.date);
             if (funcResult !== true) {
-                this.validationMesssage = funcResult;
+                this.validationMessage = funcResult;
             }
         });
-        return !this.validationMesssage;
+        return !this.validationMessage;
     }
     async setTimeMask() {
         if (this.isMobileGlobal) {
@@ -3846,7 +3821,7 @@ let DatepickerComponent = class DatepickerComponent extends (0,external_vue_clas
         return Number(this.tabIndex) + 1;
     }
     get warningHint() {
-        return Boolean(this.validationMesssage) || this.errorsHandler.length > 0;
+        return Boolean(this.validationMessage) || this.errorsHandler.length > 0;
     }
     get inputClasses() {
         return this.dateonly ? this.inputSizeClasses : null;
@@ -3962,7 +3937,7 @@ DatepickerComponent = ld_datepickervue_type_script_lang_js_external_decorate([
 ;
 
 
-const ld_datepicker_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_datepickervue_type_script_lang_js_external, [['render',ld_datepickervue_type_template_id_602bf8e3_scoped_true_render],['__scopeId',"data-v-602bf8e3"]])
+const ld_datepicker_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_datepickervue_type_script_lang_js_external, [['render',ld_datepickervue_type_template_id_b65d2d3a_scoped_true_render],['__scopeId',"data-v-b65d2d3a"]])
 
 /* harmony default export */ const ld_datepicker = (ld_datepicker_exports_);
 ;// CONCATENATED MODULE: ./src/ld-datepicker/index.ts
@@ -9450,6 +9425,385 @@ function ld_combobox_reg(vue, options) {
 }
 /* harmony default export */ const src_ld_combobox = (ld_combobox_reg);
 
+;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ld-timepicker/ld-timepicker.vue?vue&type=template&id=256abd0d&scoped=true&ts=true
+
+const ld_timepickervue_type_template_id_256abd0d_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-256abd0d"), n = n(), _popScopeId(), n);
+const ld_timepickervue_type_template_id_256abd0d_scoped_true_ts_true_hoisted_1 = { class: "ld-timepicker" };
+const ld_timepickervue_type_template_id_256abd0d_scoped_true_ts_true_hoisted_2 = { class: "time-selector" };
+const ld_timepickervue_type_template_id_256abd0d_scoped_true_ts_true_hoisted_3 = { key: 0 };
+const ld_timepickervue_type_template_id_256abd0d_scoped_true_ts_true_hoisted_4 = { key: 1 };
+const ld_timepickervue_type_template_id_256abd0d_scoped_true_ts_true_hoisted_5 = {
+    key: 0,
+    class: "ld-timepicker-validate"
+};
+function ld_timepickervue_type_template_id_256abd0d_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+    const _component_ld_label = (0,external_vue_.resolveComponent)("ld-label");
+    const _component_ld_icon = (0,external_vue_.resolveComponent)("ld-icon");
+    const _component_square_button = (0,external_vue_.resolveComponent)("square-button");
+    const _component_v_card = (0,external_vue_.resolveComponent)("v-card");
+    const _component_v_menu = (0,external_vue_.resolveComponent)("v-menu");
+    const _component_v_col = (0,external_vue_.resolveComponent)("v-col");
+    const _component_v_row = (0,external_vue_.resolveComponent)("v-row");
+    return ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_timepickervue_type_template_id_256abd0d_scoped_true_ts_true_hoisted_1, [
+        (0,external_vue_.createVNode)(_component_v_row, { "no-gutters": "" }, {
+            default: (0,external_vue_.withCtx)(() => [
+                (_ctx.label)
+                    ? ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_ld_label, {
+                        key: 0,
+                        class: (0,external_vue_.normalizeClass)([_ctx.labelSizeClasses]),
+                        label: _ctx.label,
+                        required: _ctx.required,
+                        "align-label-to-right": _ctx.alignLabelToRight
+                    }, null, 8, ["class", "label", "required", "align-label-to-right"]))
+                    : (0,external_vue_.createCommentVNode)("", true),
+                (0,external_vue_.createTextVNode)(),
+                (0,external_vue_.createVNode)(_component_v_col, {
+                    class: (0,external_vue_.normalizeClass)(_ctx.inputSizeClasses)
+                }, {
+                    default: (0,external_vue_.withCtx)(() => [
+                        (0,external_vue_.createVNode)(_component_v_menu, {
+                            modelValue: _ctx.timeMenu,
+                            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => ((_ctx.timeMenu) = $event)),
+                            "close-on-content-click": false,
+                            transition: "toggle-slide-y-transition",
+                            location: "bottom",
+                            "min-width": "190px",
+                            disabled: _ctx.readonly || _ctx.disabled
+                        }, {
+                            activator: (0,external_vue_.withCtx)(({ props }) => [
+                                (0,external_vue_.createElementVNode)("div", (0,external_vue_.mergeProps)({ class: "d-flex align-center w-100" }, props, { style: { "position": "relative" } }), [
+                                    ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)((0,external_vue_.resolveDynamicComponent)(_ctx.$ldmui.options.aliases['ld-edit-text']), {
+                                        ref: "inputTime",
+                                        "model-value": _ctx.timeString,
+                                        class: "w-100",
+                                        tabindex: _ctx.tabIndex,
+                                        disabled: _ctx.readonly || _ctx.disabled,
+                                        placeholder: "ЧЧ:ММ",
+                                        "hide-details": "",
+                                        readonly: true
+                                    }, null, 8, ["model-value", "tabindex", "disabled"])),
+                                    (0,external_vue_.createTextVNode)(),
+                                    (!_ctx.disabled && !_ctx.readonly)
+                                        ? ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_square_button, {
+                                            key: 0,
+                                            icon: "",
+                                            style: { "position": "absolute", "top": "0", "right": "var(--input-height)" },
+                                            onClick: (0,external_vue_.withModifiers)(_ctx.clear, ["stop"])
+                                        }, {
+                                            default: (0,external_vue_.withCtx)(() => [
+                                                (0,external_vue_.createVNode)(_component_ld_icon, null, {
+                                                    default: (0,external_vue_.withCtx)(() => [
+                                                        (0,external_vue_.createTextVNode)("close")
+                                                    ]),
+                                                    _: 1
+                                                })
+                                            ]),
+                                            _: 1
+                                        }, 8, ["onClick"]))
+                                        : (0,external_vue_.createCommentVNode)("", true),
+                                    (0,external_vue_.createTextVNode)(),
+                                    (0,external_vue_.createVNode)(_component_square_button, {
+                                        icon: "",
+                                        style: { "position": "absolute", "top": "0", "right": "0" },
+                                        onClick: _cache[0] || (_cache[0] = (0,external_vue_.withModifiers)(($event) => (_ctx.timeMenu = !_ctx.timeMenu), ["stop"]))
+                                    }, {
+                                        default: (0,external_vue_.withCtx)(() => [
+                                            (0,external_vue_.createVNode)(_component_ld_icon, null, {
+                                                default: (0,external_vue_.withCtx)(() => [
+                                                    (0,external_vue_.createTextVNode)("access_time")
+                                                ]),
+                                                _: 1
+                                            })
+                                        ]),
+                                        _: 1
+                                    })
+                                ], 16)
+                            ]),
+                            default: (0,external_vue_.withCtx)(() => [
+                                (0,external_vue_.createTextVNode)(),
+                                (0,external_vue_.createVNode)(_component_v_card, {
+                                    elevation: "0",
+                                    style: { "border": "1px solid var(--grey-l-5)" },
+                                    width: "190px"
+                                }, {
+                                    default: (0,external_vue_.withCtx)(() => [
+                                        (0,external_vue_.createElementVNode)("div", ld_timepickervue_type_template_id_256abd0d_scoped_true_ts_true_hoisted_2, [
+                                            (_ctx.isHours)
+                                                ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", ld_timepickervue_type_template_id_256abd0d_scoped_true_ts_true_hoisted_3, "Часы"))
+                                                : (0,external_vue_.createCommentVNode)("", true),
+                                            (0,external_vue_.createTextVNode)(),
+                                            (_ctx.isMinutes)
+                                                ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", ld_timepickervue_type_template_id_256abd0d_scoped_true_ts_true_hoisted_4, "Минуты"))
+                                                : (0,external_vue_.createCommentVNode)("", true),
+                                            (0,external_vue_.createTextVNode)(),
+                                            (0,external_vue_.createElementVNode)("div", null, [
+                                                (_ctx.isHours)
+                                                    ? ((0,external_vue_.openBlock)(true), (0,external_vue_.createElementBlock)(external_vue_.Fragment, { key: 0 }, (0,external_vue_.renderList)(Array.apply(null, { length: 24 }), (_, i) => {
+                                                        return ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_square_button, {
+                                                            key: i,
+                                                            variant: i === _ctx.hours ? 'flat' : 'outlined',
+                                                            color: i === _ctx.hours ? 'primary' : 'grey',
+                                                            onClick: ($event) => (_ctx.setHours(i))
+                                                        }, {
+                                                            default: (0,external_vue_.withCtx)(() => [
+                                                                (0,external_vue_.createElementVNode)("span", {
+                                                                    class: (0,external_vue_.normalizeClass)({ 'text-color': i !== _ctx.hours })
+                                                                }, (0,external_vue_.toDisplayString)(('0' + i).slice(-2)), 3)
+                                                            ]),
+                                                            _: 2
+                                                        }, 1032, ["variant", "color", "onClick"]));
+                                                    }), 128))
+                                                    : (0,external_vue_.createCommentVNode)("", true),
+                                                (0,external_vue_.createTextVNode)(),
+                                                (_ctx.isMinutes)
+                                                    ? ((0,external_vue_.openBlock)(true), (0,external_vue_.createElementBlock)(external_vue_.Fragment, { key: 1 }, (0,external_vue_.renderList)(Array.apply(null, { length: 12 }), (_, i) => {
+                                                        return ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_square_button, {
+                                                            key: i,
+                                                            variant: (5 * i) === _ctx.minutes ? 'flat' : 'outlined',
+                                                            color: (5 * i) === _ctx.minutes ? 'primary' : 'grey',
+                                                            onClick: ($event) => (_ctx.setMinutes(5 * i))
+                                                        }, {
+                                                            default: (0,external_vue_.withCtx)(() => [
+                                                                (0,external_vue_.createElementVNode)("span", {
+                                                                    class: (0,external_vue_.normalizeClass)({ 'text-color': (5 * i) !== _ctx.minutes })
+                                                                }, (0,external_vue_.toDisplayString)(('0' + 5 * i).slice(-2)), 3)
+                                                            ]),
+                                                            _: 2
+                                                        }, 1032, ["variant", "color", "onClick"]));
+                                                    }), 128))
+                                                    : (0,external_vue_.createCommentVNode)("", true)
+                                            ])
+                                        ])
+                                    ]),
+                                    _: 1
+                                })
+                            ]),
+                            _: 1
+                        }, 8, ["modelValue", "disabled"]),
+                        (0,external_vue_.createTextVNode)(),
+                        (!_ctx.hideDetails)
+                            ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_timepickervue_type_template_id_256abd0d_scoped_true_ts_true_hoisted_5, [
+                                (0,external_vue_.createVNode)(external_vue_.Transition, { name: "squash" }, {
+                                    default: (0,external_vue_.withCtx)(() => [
+                                        (0,external_vue_.createElementVNode)("span", {
+                                            style: { "font-size": "var(--font-size--1)" },
+                                            class: (0,external_vue_.normalizeClass)({ 'error--text': Boolean(_ctx.validationMessage) })
+                                        }, (0,external_vue_.toDisplayString)(_ctx.validationMessage || _ctx.inputHint), 3)
+                                    ]),
+                                    _: 1
+                                })
+                            ]))
+                            : (0,external_vue_.createCommentVNode)("", true)
+                    ]),
+                    _: 1
+                }, 8, ["class"])
+            ]),
+            _: 1
+        })
+    ]));
+}
+
+;// CONCATENATED MODULE: ./src/ld-timepicker/ld-timepicker.vue?vue&type=template&id=256abd0d&scoped=true&ts=true
+
+;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./src/ld-timepicker/ld-timepicker.ts?vue&type=script&lang=ts&external
+var ld_timepickervue_type_script_lang_ts_external_decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var ld_timepickervue_type_script_lang_ts_external_metadata = (undefined && undefined.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+
+
+
+
+
+
+
+/**
+ * @displayName ld-timepicker
+ */
+let TimepickerComponent = class TimepickerComponent extends (0,external_vue_class_component_.mixins)(ValidatableMixin, GridMixin, InputMixin) {
+    constructor() {
+        super(...arguments);
+        this.timeMenu = false;
+        this.isHours = true;
+        this.isMinutes = false;
+        this.hours = null;
+        this.minutes = null;
+    }
+    emitInput(value) {
+        return value;
+    }
+    emitBlur(value) {
+        return value;
+    }
+    onModelValueChanged(value) {
+        if (!this.checkValue(value)) {
+            return;
+        }
+        this.setTime(value);
+    }
+    onTimeMenuChanged() {
+        if (!this.timeMenu) {
+            this.isHours = true;
+            this.isMinutes = false;
+        }
+    }
+    onTimeChanged() {
+        this.emitInput(this.timeString || null);
+        this.validate();
+    }
+    created() {
+        if (this.form) {
+            this.form.register(this, null);
+        }
+    }
+    unmounted() {
+        if (this.form) {
+            this.form.unregister(this, null);
+        }
+    }
+    setHours(i) {
+        this.hours = i;
+        this.isHours = false;
+        this.isMinutes = true;
+    }
+    setMinutes(i) {
+        this.minutes = i;
+        this.timeMenu = false;
+    }
+    setTime(value) {
+        const [h, m] = value.split(':');
+        this.hours = Number(h);
+        this.minutes = Number(m);
+    }
+    checkValue(value) {
+        if (!(/\d\d\:\d\d/.test(value))) {
+            return false;
+        }
+        const [h, m] = value.split(':');
+        const hh = Number(h);
+        if (isNaN(hh) || hh < 0 || hh > 23) {
+            return false;
+        }
+        const mm = Number(m);
+        if (isNaN(mm) || mm < 0 || mm > 59) {
+            return false;
+        }
+        return true;
+    }
+    clear() {
+        this.hours = null;
+        this.minutes = null;
+        this.isHours = true;
+        this.isMinutes = false;
+        this.timeMenu = false;
+        this.emitInput(null);
+    }
+    validate() {
+        let funcResult = null;
+        this.validationMessage = '';
+        this.validRules.forEach(func => {
+            funcResult = func(this.timeString);
+            if (funcResult !== true) {
+                this.validationMessage = funcResult;
+            }
+        });
+        return !this.validationMessage;
+    }
+    get hoursString() {
+        if (!this.$utils.isDefined(this.hours)) {
+            return '';
+        }
+        return ('0' + this.hours).slice(-2);
+    }
+    get minutesString() {
+        if (!this.$utils.isDefined(this.minutes)) {
+            return '';
+        }
+        return ('0' + this.minutes).slice(-2);
+    }
+    get timeString() {
+        if (!this.hoursString && !this.minutesString) {
+            return '';
+        }
+        return `${this.hoursString}:${this.minutesString}`;
+    }
+};
+ld_timepickervue_type_script_lang_ts_external_decorate([
+    (0,external_vue_property_decorator_.Prop)(),
+    ld_timepickervue_type_script_lang_ts_external_metadata("design:type", String)
+], TimepickerComponent.prototype, "modelValue", void 0);
+ld_timepickervue_type_script_lang_ts_external_decorate([
+    (0,external_vue_property_decorator_.Prop)(),
+    ld_timepickervue_type_script_lang_ts_external_metadata("design:type", String)
+], TimepickerComponent.prototype, "inputHint", void 0);
+ld_timepickervue_type_script_lang_ts_external_decorate([
+    (0,external_vue_property_decorator_.Inject)({ from: 'form', default: null }),
+    ld_timepickervue_type_script_lang_ts_external_metadata("design:type", Object)
+], TimepickerComponent.prototype, "form", void 0);
+ld_timepickervue_type_script_lang_ts_external_decorate([
+    Emit('update:model-value'),
+    ld_timepickervue_type_script_lang_ts_external_metadata("design:type", Function),
+    ld_timepickervue_type_script_lang_ts_external_metadata("design:paramtypes", [String]),
+    ld_timepickervue_type_script_lang_ts_external_metadata("design:returntype", void 0)
+], TimepickerComponent.prototype, "emitInput", null);
+ld_timepickervue_type_script_lang_ts_external_decorate([
+    Emit('blur'),
+    ld_timepickervue_type_script_lang_ts_external_metadata("design:type", Function),
+    ld_timepickervue_type_script_lang_ts_external_metadata("design:paramtypes", [String]),
+    ld_timepickervue_type_script_lang_ts_external_metadata("design:returntype", void 0)
+], TimepickerComponent.prototype, "emitBlur", null);
+ld_timepickervue_type_script_lang_ts_external_decorate([
+    (0,external_vue_property_decorator_.Watch)('modelValue', { immediate: true }),
+    ld_timepickervue_type_script_lang_ts_external_metadata("design:type", Function),
+    ld_timepickervue_type_script_lang_ts_external_metadata("design:paramtypes", [String]),
+    ld_timepickervue_type_script_lang_ts_external_metadata("design:returntype", void 0)
+], TimepickerComponent.prototype, "onModelValueChanged", null);
+ld_timepickervue_type_script_lang_ts_external_decorate([
+    (0,external_vue_property_decorator_.Watch)('timeMenu'),
+    ld_timepickervue_type_script_lang_ts_external_metadata("design:type", Function),
+    ld_timepickervue_type_script_lang_ts_external_metadata("design:paramtypes", []),
+    ld_timepickervue_type_script_lang_ts_external_metadata("design:returntype", void 0)
+], TimepickerComponent.prototype, "onTimeMenuChanged", null);
+ld_timepickervue_type_script_lang_ts_external_decorate([
+    (0,external_vue_property_decorator_.Watch)('timeString'),
+    ld_timepickervue_type_script_lang_ts_external_metadata("design:type", Function),
+    ld_timepickervue_type_script_lang_ts_external_metadata("design:paramtypes", []),
+    ld_timepickervue_type_script_lang_ts_external_metadata("design:returntype", void 0)
+], TimepickerComponent.prototype, "onTimeChanged", null);
+TimepickerComponent = ld_timepickervue_type_script_lang_ts_external_decorate([
+    (0,external_vue_class_component_.Options)({
+        components: {
+            'ld-label': ld_label
+        }
+    })
+], TimepickerComponent);
+/* harmony default export */ const ld_timepickervue_type_script_lang_ts_external = (TimepickerComponent);
+
+;// CONCATENATED MODULE: ./src/ld-timepicker/ld-timepicker.ts?vue&type=script&lang=ts&external
+ 
+;// CONCATENATED MODULE: ./src/ld-timepicker/ld-timepicker.vue
+
+
+
+
+;
+
+
+const ld_timepicker_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_timepickervue_type_script_lang_ts_external, [['render',ld_timepickervue_type_template_id_256abd0d_scoped_true_ts_true_render],['__scopeId',"data-v-256abd0d"]])
+
+/* harmony default export */ const ld_timepicker = (ld_timepicker_exports_);
+;// CONCATENATED MODULE: ./src/ld-timepicker/index.ts
+
+function ld_timepicker_reg(vue, options) {
+    vue.component(options.aliases['ld-timepicker'], ld_timepicker);
+}
+/* harmony default export */ const src_ld_timepicker = (ld_timepicker_reg);
+
 ;// CONCATENATED MODULE: ./src/utils/delay.ts
 async function delay(timeout) {
     return new Promise(resolve => setTimeout(() => resolve(), timeout));
@@ -9866,6 +10220,7 @@ const ActiveDirectiveOptions = {
 
 
 
+
 
 
 const ldmuiPlugin = {
@@ -9893,6 +10248,7 @@ const ldmuiPlugin = {
             'ld-textarea': options.aliases?.['ld-textarea'] ?? 'ld-textarea',
             'ld-select': options.aliases?.['ld-select'] ?? 'ld-select',
             'ld-combobox': options.aliases?.['ld-combobox'] ?? 'ld-combobox',
+            'ld-timepicker': options.aliases?.['ld-timepicker'] ?? 'ld-timepicker',
         };
         vue.config.globalProperties.$utils = {
             ...utils_namespaceObject,
@@ -9926,6 +10282,7 @@ const ldmuiPlugin = {
         src_ld_textarea(vue, options);
         src_ld_select(vue, options);
         src_ld_combobox(vue, options);
+        src_ld_timepicker(vue, options);
     },
 };
 /* harmony default export */ const src = (ldmuiPlugin);

package/dist/types/options.d.ts

@@ -18,6 +18,7 @@ export interface ldmuiOptions {
     'ld-textarea'?: string;
     'ld-select'?: string;
     'ld-combobox'?: string;
+    'ld-timepicker'?: string;
   },
   viewport?: {
     isMobile: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ldmjs/ui",
-  "version": "1.0.0-dev-20",
+  "version": "1.0.0-dev-21",
   "description": "ldm ui",
   "main": "dist/index.js",
   "engines": {
@@ -42,6 +42,7 @@
     "@babel/preset-env": "7.23.6",
     "@babel/preset-typescript": "7.23.3",
     "@floating-ui/dom": "^1.6.3",
+    "@ldmjs/datatable": "^1.0.3",
     "@popperjs/core": "^2.11.8",
     "@types/babel__core": "^7",
     "@types/babel__plugin-transform-runtime": "^7",