@indigina/ui-kit 1.0.73 → 1.0.74

package/bundles/indigina-ui-kit.umd.js

@@ -1309,7 +1309,8 @@
     ];
 
     var KitDatetimepickerComponent = /** @class */ (function () {
-        function KitDatetimepickerComponent() {
+        function KitDatetimepickerComponent(cdr) {
+            this.cdr = cdr;
             /**
              * Defines a state whether the component will be valid or not
              */
@@ -1375,6 +1376,7 @@
             }
             this.onChange(new Date(value));
             this.defaultDate = new Date(value);
+            this.cdr.markForCheck();
         };
         KitDatetimepickerComponent.prototype.registerOnChange = function (fn) {
             this.onChange = fn;
@@ -1401,6 +1403,9 @@
                     styles: [".display-flex{display:flex}.flex-align-items-center{align-items:center}.flex-justify-content-center{justify-content:center}.flex-justify-content-end{justify-content:flex-end}.display-block{display:block}.kit-datetimepicker .label{margin-bottom:4px;font-weight:500;font-size:13px;color:#a9a8a8}.kit-datetimepicker .datetimepicker-wrap{position:relative}.kit-datetimepicker .k-datetimepicker{width:100%;height:34px}.kit-datetimepicker .k-datetimepicker .k-dateinput-wrap{border-radius:6px;background:none}.kit-datetimepicker .k-picker-wrap{border-radius:4px;background-color:#fff;border:1px solid #efefef}.kit-datetimepicker .k-picker-wrap:hover{border-color:#c1c7d0}.kit-datetimepicker .k-picker-wrap.k-state-focused{border-color:#006890;box-shadow:none}.kit-datetimepicker .k-input{padding:4px 8px 4px 28px;height:100%;font-size:13px;font-weight:400;color:#002a3a}.kit-datetimepicker .k-input::placeholder{color:#74777d}.kit-datetimepicker .k-input::selection{background:#00b0ad}.kit-datetimepicker .toggle-btn{position:absolute;top:0;left:0;padding:0 8px;height:100%;border:none;background:none;cursor:pointer;z-index:1}.kit-datetimepicker .toggle-btn .button-icon{display:block;width:16px;height:16px;fill:transparent;stroke:#002a3a}.kit-datetimepicker.datetimepicker-opened .toggle-btn .button-icon{stroke:#00b0ad}.kit-datetimepicker:focus-within .k-picker-wrap{border-color:#00b0ad}.kit-datetimepicker:focus-within .k-input{color:#27282a}.kit-datetimepicker.datetimepicker-disabled .label{color:#74777d}.kit-datetimepicker.datetimepicker-disabled .k-picker-wrap{border-color:#c1c7d0;background-color:#f3f4f6;box-shadow:none}.kit-datetimepicker.datetimepicker-disabled .k-input{color:#9a9fa6}.kit-datetimepicker.datetimepicker-disabled .toggle-btn{cursor:default}.kit-datetimepicker.datetimepicker-disabled .toggle-btn .button-icon{stroke:#c1c7d0}.kit-datetimepicker.datetimepicker-invalid .k-picker-wrap{border-color:#ef3e42;background-color:#f8e0e0}.kit-datetimepicker.datetimepicker-invalid .k-input{color:#27282a}.kit-datetimepicker .k-select{display:none}.kit-datetimepicker-popup.k-popup{margin-top:8px;border-radius:6px;border:1px solid #006890;box-shadow:none;background:#f3f4f6}.kit-datetimepicker-popup.k-popup .k-datetime-wrap{width:296px}.kit-datetimepicker-popup.k-popup .k-datetime-buttongroup{padding:4px;border-radius:6px 6px 0 0;background:#dadde3}.kit-datetimepicker-popup.k-popup .k-datetime-buttongroup .k-button{height:32px;color:#27282a;font-size:13px;font-weight:400;border-radius:6px 6px 0 0;border:1px solid #c1c7d0;background:#dadde3}.kit-datetimepicker-popup.k-popup .k-datetime-buttongroup .k-button.k-state-active{background:#ffffff}.kit-datetimepicker-popup.k-popup .k-datetime-selector{padding-top:6px;background:none}.kit-datetimepicker-popup.k-popup .kalendar-view{padding:0}.kit-datetimepicker-popup.k-popup .k-datetime-time-wrap,.kit-datetimepicker-popup.k-popup .k-datetime-calendar-wrap{flex-basis:296px}.kit-datetimepicker-popup.k-popup .k-calendar{width:100%;background:none}.kit-datetimepicker-popup.k-popup .k-link{align-items:center;width:100%;height:100%;color:#27282a;font-size:13px;font-weight:500;border-radius:50%;box-shadow:none}.kit-datetimepicker-popup.k-popup .k-link:hover{color:#7ccdf4;background:none}.kit-datetimepicker-popup.k-popup .k-calendar-view{padding:0;width:100%}.kit-datetimepicker-popup.k-popup .k-calendar-view:after{display:none}.kit-datetimepicker-popup.k-popup .k-calendar-view .k-calendar-th{padding:6px 0;height:auto;color:#9a9fa6;font-size:16px;font-weight:700}.kit-datetimepicker-popup.k-popup .k-calendar-view .k-link{width:100%}.kit-datetimepicker-popup.k-popup .k-calendar-table{border-collapse:collapse}.kit-datetimepicker-popup.k-popup .k-calendar-header,.kit-datetimepicker-popup.k-popup .k-time-header{margin:0 0 6px;padding:4px 30px;border-radius:6px 6px 0 0;background:#ffffff}.kit-datetimepicker-popup.k-popup .k-calendar-header .k-title,.kit-datetimepicker-popup.k-popup .k-time-header .k-title{padding:0;color:#27282a;font-size:16px;font-weight:700}.kit-datetimepicker-popup.k-popup .k-calendar-header .k-today,.kit-datetimepicker-popup.k-popup .k-calendar-header .k-time-now,.kit-datetimepicker-popup.k-popup .k-time-header .k-today,.kit-datetimepicker-popup.k-popup .k-time-header .k-time-now{padding:0;color:#7ccdf4;font-size:16px;font-weight:400}.kit-datetimepicker-popup.k-popup .k-calendar-header .k-today:hover,.kit-datetimepicker-popup.k-popup .k-calendar-header .k-time-now:hover,.kit-datetimepicker-popup.k-popup .k-time-header .k-today:hover,.kit-datetimepicker-popup.k-popup .k-time-header .k-time-now:hover{color:#7ccdf4}.kit-datetimepicker-popup.k-popup .k-calendar-weekdays{padding:6px 8px 0}.kit-datetimepicker-popup.k-popup .k-calendar-weekdays .k-calendar-th{padding:0;height:40px;color:#27282a;font-size:13px;font-weight:500;line-height:1}.kit-datetimepicker-popup.k-popup .k-calendar-content{margin:0;padding:0 8px;box-sizing:border-box}.kit-datetimepicker-popup.k-popup .k-calendar-content>.k-calendar-table{margin:0;width:100%}.kit-datetimepicker-popup.k-popup .k-calendar-td{width:40px;height:40px;border:1px solid #dfdfdf}.kit-datetimepicker-popup.k-popup .k-calendar-td:hover .k-link{background:none}.kit-datetimepicker-popup.k-popup .k-calendar-td.k-empty{border:none}.kit-datetimepicker-popup.k-popup .k-calendar-td.k-today .k-link{color:#7ccdf4}.kit-datetimepicker-popup.k-popup .k-calendar-td.k-state-selected .k-link{color:#fff;border:1px solid #dfdfdf;background:#7ccdf4}.kit-datetimepicker-popup.k-popup .k-calendar-td.k-state-focused .k-link{box-shadow:none}.kit-datetimepicker-popup.k-popup .k-action-buttons{margin-top:0;padding:12px;justify-content:center;border-top:1px solid #006890}.kit-datetimepicker-popup.k-popup .k-action-buttons .k-button{margin:0 5px;width:110px;height:30px;flex:0 0 auto;font-size:14px;font-weight:400;border-radius:4px;border:none}.kit-datetimepicker-popup.k-popup .k-time-cancel{color:#27282a;background:#dadde3}.kit-datetimepicker-popup.k-popup .k-time-accept{color:#fff;background:#006890}.kit-datetimepicker-popup.k-popup .k-time-list-wrapper{padding:0;height:252px;background:#ffffff}.kit-datetimepicker-popup.k-popup .k-time-list-wrapper:before,.kit-datetimepicker-popup.k-popup .k-time-list-wrapper:after{display:none}.kit-datetimepicker-popup.k-popup .k-time-list-wrapper.k-state-focused{background:#f3f4f6}.kit-datetimepicker-popup.k-popup .k-time-list-wrapper .k-title{display:flex;align-items:center;justify-content:center;margin:0;color:#27282a;font-size:14px;font-weight:500;height:40px}.kit-datetimepicker-popup.k-popup .k-time-list:before,.kit-datetimepicker-popup.k-popup .k-time-list:after{display:none}.kit-datetimepicker-popup.k-popup .k-time-list .k-item{display:flex;align-items:center;justify-content:center;padding:0;height:40px;color:#27282a;font-size:14px;font-weight:500}.kit-datetimepicker-popup.k-popup .k-time-container{top:40px;bottom:0}.kit-datetimepicker-popup.k-popup .k-time-highlight{height:40px;border-color:#cdd2d9;transform:none}.kit-datetimepicker-popup.k-popup .k-time-separator{margin-top:40px}\n"]
                 },] }
     ];
+    KitDatetimepickerComponent.ctorParameters = function () { return [
+        { type: core.ChangeDetectorRef }
+    ]; };
     KitDatetimepickerComponent.propDecorators = {
         label: [{ type: core.Input }],
         placeholder: [{ type: core.Input }],