fix(core): export and fix cat-time value changes (#561)

Co-authored-by: DDoe <[email protected]>

angular/projects/catalyst/src/lib/catalyst.module.ts

@@ -2,6 +2,7 @@ import { DialogModule } from '@angular/cdk/dialog';
 import { CommonModule } from '@angular/common';
 import { ModuleWithProviders, NgModule } from '@angular/core';
 import { defineCustomElements } from '@haiilo/catalyst/loader';
+import { DatetimeComponent } from './datetime/datetime.component';
 import { CatDialogActionsComponent } from './dialog/dialog-actions.component';
 import { CatDialogHeaderComponent } from './dialog/dialog-header.component';
 import { CatDialogComponent } from './dialog/dialog.component';
@@ -14,7 +15,6 @@ import { SelectValueAccessorDecorator } from './directives/select-value-accessor
 import { TextValueAccessor } from './directives/text-value-accessor';
 import { TimeValueAccessor } from './directives/time-value-accessor';
 import { ValueAccessorDecorator } from './directives/value-accessor-decorator';
-import { DatetimeComponent } from './datetime/datetime.component';
 
 const CatComponents = [
   Components.CatAlert,
@@ -41,6 +41,7 @@ const CatComponents = [
   Components.CatTab,
   Components.CatTabs,
   Components.CatTextarea,
+  Components.CatTime,
   Components.CatToggle,
   Components.CatTooltip
 ];

core/src/components/cat-time/cat-time.tsx

@@ -174,6 +174,13 @@ export class CatTime {
     }
   }
 
+  @Watch('value')
+  onValueChanged(value: string, oldValue: string) {
+    if (value !== oldValue) {
+      this.syncValue(value);
+    }
+  }
+
   /**
    * Emitted when the value is changed.
    */