feat(core/date-time-picker): migrate date-time-picker from core-ui

packages/angular/src/components.ts

@@ -283,6 +283,87 @@ export class CwCounterPill {
 }
 
 
+export declare interface CwDatePicker extends Components.CwDatePicker {
+  /**
+   * Time change event 
+   */
+  dateChange: EventEmitter<CustomEvent<string>>;
+  /**
+   * done event 
+   */
+  done: EventEmitter<CustomEvent<string>>;
+
+}
+
+@ProxyCmp({
+  defineCustomElementFn: undefined,
+  inputs: ['corners', 'format', 'individual', 'range']
+})
+@Component({
+  selector: 'cw-date-picker',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  inputs: ['corners', 'format', 'individual', 'range']
+})
+export class CwDatePicker {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+    proxyOutputs(this, this.el, ['dateChange', 'done']);
+  }
+}
+
+
+export declare interface CwDateTimeCard extends Components.CwDateTimeCard {}
+
+@ProxyCmp({
+  defineCustomElementFn: undefined,
+  inputs: ['corners', 'individual']
+})
+@Component({
+  selector: 'cw-date-time-card',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  inputs: ['corners', 'individual']
+})
+export class CwDateTimeCard {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface CwDatetimePicker extends Components.CwDatetimePicker {
+  /**
+   * Time event 
+   */
+  done: EventEmitter<CustomEvent<string>>;
+
+}
+
+@ProxyCmp({
+  defineCustomElementFn: undefined,
+  inputs: ['range', 'showHour', 'showMinutes', 'showSeconds', 'showTimeReference']
+})
+@Component({
+  selector: 'cw-datetime-picker',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  inputs: ['range', 'showHour', 'showMinutes', 'showSeconds', 'showTimeReference']
+})
+export class CwDatetimePicker {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+    proxyOutputs(this, this.el, ['done']);
+  }
+}
+
+
 export declare interface CwDrawer extends Components.CwDrawer {
   /**
    * Fire event after drawer is open 
@@ -1295,6 +1376,38 @@ export class CwTile {
 }
 
 
+export declare interface CwTimePicker extends Components.CwTimePicker {
+  /**
+   * Time event 
+   */
+  done: EventEmitter<CustomEvent<string>>;
+  /**
+   * Time change event 
+   */
+  timeChange: EventEmitter<CustomEvent<string>>;
+
+}
+
+@ProxyCmp({
+  defineCustomElementFn: undefined,
+  inputs: ['corners', 'individual', 'showHour', 'showMinutes', 'showSeconds', 'showTimeReference']
+})
+@Component({
+  selector: 'cw-time-picker',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  inputs: ['corners', 'individual', 'showHour', 'showMinutes', 'showSeconds', 'showTimeReference']
+})
+export class CwTimePicker {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+    proxyOutputs(this, this.el, ['done', 'timeChange']);
+  }
+}
+
+
 export declare interface CwToast extends Components.CwToast {
   /**
    * Toast closed 

packages/angular/src/declare-components.ts

@@ -13,6 +13,9 @@ export const DIRECTIVES = [
   d.CwCategoryFilter,
   d.CwChip,
   d.CwCounterPill,
+  d.CwDatePicker,
+  d.CwDateTimeCard,
+  d.CwDatetimePicker,
   d.CwDrawer,
   d.CwDropdown,
   d.CwDropdownItem,
@@ -52,6 +55,7 @@ export const DIRECTIVES = [
   d.CwTabItem,
   d.CwTabs,
   d.CwTile,
+  d.CwTimePicker,
   d.CwToast,
   d.CwToastContainer,
   d.CwToggle,