/// <reference types="svelte" />
import type { SvelteComponentTyped } from "svelte";

export interface CalendarProps {
  /**
   * A class string to add to the list of weekdays above the calendar.
   * @default null
   */
  weekdaysClass?: string | false | null;

  /**
   * A class string to add to the element containing each row of days in the calendar.
   * @default null
   */
  weekClass?: string | false | null;

  /**
   * A class string to add to each day in the calendar.
   * @default null
   */
  dayClass?: string | false | null;

  /**
   * The language tag defining the desired locale (e.g., `en-US`). If left `undefined`, the user's locale will be used.
   * This will affect the weekdays and the day number representations.
   * @default undefined
   */
  locale?: string | undefined;

  /**
   * The index of the weekday to start the week at.
   * 0 is for Sunday and 6 is for Saturday.
   * Defaults to 1 (Monday).
   * @default 1
   */
  firstWeekday?: 0 | 1 | 2 | 3 | 4 | 5 | 6;

  /**
   * An index of the desired month.
   * 0 is for January, 11 is for December.
   * @default undefined
   */
  month: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11;

  /**
   * The desired year.
   * @default undefined
   */
  year: number;

  /**
   * If a selection should be displayed, this should be a `Date` object signifying the start of the selection (can be outside the shown days).
   * @default null
   */
  selectionStart?: Date | null;

  /**
   * If a selection should be displayed, this should be a `Date` object signifying the end of the selection (can be outside the shown days).
   * @default null
   */
  selectionEnd?: Date | null;

  /**
   * A set of dates to disable.
   * @default []
   */
  disabledDates?: Array<Date | { start?: Date; end?: Date }>;

  /**
   * Messages translation for "today not available".
   * @default 'Today, not available'
   */
  titleTodayNotAvailableMessage?: string;

  /**
   * Messages translation for "today".
   * @default 'Today'
   */
  titleTodayMessage?: string;

  /**
   * Messages translation for "not available".
   * @default 'Not available'
   */
  titleNotAvailableMessage?: string;
}

export default class Calendar extends SvelteComponentTyped<
  CalendarProps,
  { ["day-select"]: CustomEvent<Date> },
  {}
> {}