jiku-ui/types/schedule-selector.d.ts

A Component Library for Vue.js.

import { HeinerUIComponent } from './component'

type groupByDayResult = {
  [key: string]: number[]
}

/** ScheduleSelector Component */
export declare class HnScheduleSelector extends HeinerUIComponent {
  /** The minimum hour to show (0-23) */
  startTime: number

  /** The maximum hour to show (0-23) */
  endTime: number

  /** The number of days to show, start in from today */
  numDays: number

  /** The date on which the grid should start */
  startDate: Date

  /** List of dates that should be filled in on the grid (reflect the start time of each cell) */
  selection: Date[]

  /** Whether to split the hour into two  */
  halfHour: boolean

  /** Whether to auto fill up all times between the start time and end time of the day  */
  autoComplete: boolean

  /** Format of column headers  */
  dateFormat: string

  /** Whether to add a border around ScheduleSelector */
  border: boolean

  /** Height of the optional area */
  height: number

  /** The method for formatting column header date  */
  formatDate: (date: Date) => void

  /** Group by time of day */
  groupByDay (dates: Date[]): groupByDayResult;
}