fix(Date Picker): update global.ts

Endava · Jun 4, 2024 · f38cbec · f38cbec
1 parent a5f6bb2
commit f38cbec
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/packages/beeq/src/components/date-picker/bq-date-picker.tsx b/packages/beeq/src/components/date-picker/bq-date-picker.tsx
@@ -574,8 +574,6 @@ export class BqDatePicker {
               firstDayOfWeek={this.firstDayOfWeek}
               showOutsideDays={this.showOutsideDays}
               onChange={this.handleCalendarChange}
-              // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-              // @ts-expect-error
               onRangestart={this.handleCalendarRangeStart}
               onRangeend={this.handleCalendarRangeEnd}
               exportparts="container,header,button,previous,next,disabled,heading"

diff --git a/packages/beeq/src/global/scripts/global.ts b/packages/beeq/src/global/scripts/global.ts
@@ -1,12 +1,18 @@
 import 'cally';
 import type { JSXBase } from '@stencil/core/internal';
 import type { CalendarDateProps, CalendarMonthProps, CalendarMultiProps, CalendarRangeProps } from 'cally';
+
+type EventName<T> = T extends `on${infer Rest}` ? `on${Capitalize<Lowercase<Rest>>}` : T;
+type MapEvents<T> = {
+  [K in keyof T as EventName<K>]: T[K];
+};
+
 declare module '@stencil/core' {
   // eslint-disable-next-line @typescript-eslint/no-namespace
   export namespace JSX {
     interface IntrinsicElements {
       'calendar-multi': CalendarMultiProps & JSXBase.HTMLAttributes<CalendarMultiProps>;
-      'calendar-range': CalendarRangeProps & JSXBase.HTMLAttributes<CalendarDateProps>;
+      'calendar-range': MapEvents<CalendarRangeProps> & JSXBase.HTMLAttributes<CalendarDateProps>;
       'calendar-date': CalendarDateProps & JSXBase.HTMLAttributes<CalendarDateProps>;
       'calendar-month': CalendarMonthProps & JSXBase.HTMLAttributes<CalendarMonthProps>;
     }