@ipohjs/qwik-calendar/src/data-cell/types.ts

Stream-able and resumable calendar component, built with Qwik

import type { JSX } from '@builder.io/qwik/jsx-runtime';
import type { DatesGridColumn } from '@ipohjs/calendar/dist/typings.js';
import type { BaseComponentProps } from '@ipohjs/types';

type AllowedElementTag = 'td' | 'th';

export type DataCellProps<
  As extends AllowedElementTag = AllowedElementTag,
  Col extends LabelValue = LabelValue
> = BaseComponentProps<As> & {
  as?: As;
  init: DataCellPropsRenderInit<As, Col>;
  render$?(init: DataCellPropsRenderInit<As, Col>): JSX.Element;
};

export interface DataCellPropsRenderInit<
  As extends AllowedElementTag = AllowedElementTag,
  Col extends LabelValue = LabelValue
> {
  col: Col;
  defaultCellProps?: Pick<BaseComponentProps<As>, 'class'>;
  defaultProps?: Pick<
    BaseComponentProps<As>,
    'aria-disabled' | 'aria-label' | 'class' | 'key' | 'title'
  >;
}

type LabelValue = Pick<DatesGridColumn, 'label' | 'value'>;