feat(core/date-dropdown): new date-dropdown component

packages/angular-test-app/tsconfig.json

@@ -5,6 +5,7 @@
     "baseUrl": "./",
     "outDir": "./dist/out-tsc",
     "forceConsistentCasingInFileNames": true,
+    "allowSyntheticDefaultImports": true,
     "strict": true,
     "noImplicitOverride": true,
     "noPropertyAccessFromIndexSignature": true,

packages/angular/src/components.ts

@@ -437,6 +437,40 @@ export declare interface IxContentHeader extends Components.IxContentHeader {
 }
 
 
+@ProxyCmp({
+  inputs: ['customRangeAllowed', 'dateRangeOptions', 'format', 'from', 'initialSelectedDateRangeName', 'maxDate', 'minDate', 'range', 'to'],
+  methods: ['getDateRange']
+})
+@Component({
+  selector: 'ix-date-dropdown',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['customRangeAllowed', 'dateRangeOptions', 'format', 'from', 'initialSelectedDateRangeName', 'maxDate', 'minDate', 'range', 'to'],
+})
+export class IxDateDropdown {
+  protected el: HTMLElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+    proxyOutputs(this, this.el, ['dateRangeChange']);
+  }
+}
+
+
+import type { DateRangeChangeEvent as IIxDateDropdownDateRangeChangeEvent } from '@siemens/ix';
+
+export declare interface IxDateDropdown extends Components.IxDateDropdown {
+  /**
+   * EventEmitter for date range change events.
+
+This event is emitted when the date range changes within the component.
+The event payload contains information about the selected date range. @event undefined,@private undefined
+   */
+  dateRangeChange: EventEmitter<CustomEvent<IIxDateDropdownDateRangeChangeEvent>>;
+}
+
+
 @ProxyCmp({
   inputs: ['corners', 'eventDelimiter', 'format', 'from', 'individual', 'maxDate', 'minDate', 'range', 'textSelectDate', 'to'],
   methods: ['getCurrentDate']

packages/angular/src/declare-components.ts

@@ -19,6 +19,7 @@ export const DIRECTIVES = [
   d.IxChip,
   d.IxCol,
   d.IxContentHeader,
+  d.IxDateDropdown,
   d.IxDatePicker,
   d.IxDatetimePicker,
   d.IxDivider,