// Type definitions for pickadate.js 3.3.0
// Project: https://github.com/amsul/pickadate.js
// Definitions by: Theodore Brown <https://github.com/theodorejb/>
// Definitions: https://github.com/borisyankov/DefinitelyTyped

///<reference path="../jquery/jquery.d.ts" />

/** Options shared between date and time pickers */
interface pickerOptions {
    /** Set clear button text */
    clear?: string; // default 'Clear'

    /** Specify where to insert the picker's root element by passing any valid CSS selector to this option */
    container?: any;

    // Events
    onStart?: (event: any) => void;
    onRender?: (event: any) => void;
    onOpen?: (event: any) => void;
    onClose?: (event: any) => void;
    onSet?: (event: any) => void;
    onStop?: (event: any) => void;
}

interface pickadateOptions extends pickerOptions {
    // Strings and translations
    monthsFull?: string[]; // default 'January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'
    monthsShort?: string[]; // default 'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'
    weekdaysFull?: string[]; // default 'Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'
    weekdaysShort?: string[]; // default 'Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'
    showMonthsShort?: boolean;
    showWeekdaysFull?: boolean;

    // Buttons
    today?: string; // default 'Today'

    // Formats
    format?: string; // default 'd mmmm, yyyy'
    formatSubmit?: string; // e.g. 'yyyy/mm/dd'
    hiddenPrefix?: string; // default undefined
    hiddenSuffix?: string; // default '_submit'

    // Dropdown selectors
    selectYears?: any; // Specify the number of years selectable using an even integer - half before and half after the year in focus:
    selectMonths?: boolean;

    // First day of the week
    firstDay?: any; // The first day of the week can be set to either Sunday or Monday. Anything truth-y sets it as Monday and anything false-y as Sunday

    // Date limits
    min?: any; // date object, array formatted as [YEAR,MONTH,DATE], or dates relative to today using integers or a boolean (`true` sets it to today. `false` removes any limits).
    max?: any;

    // Disable dates
    disable?: any[]; // Date objects, arrays formatted as [YEAR,MONTH,DATE], or integers representing days of the week (from 1 to 7). Switch to whitelist by setting first item in collection to `true`.

    // Classes
    klass?: {

        // The element states
        input?: string; // default 'picker__input'
        active?: string; // default 'picker__input--active'

        // The root picker and states
        picker?: string; // default 'picker'
        opened?: string; // default 'picker--opened'
        focused?: string; // default 'picker--focused'

        // The picker holder
        holder?: string; // default 'picker__holder'

        // The picker frame, wrapper, and box
        frame?: string; // default 'picker__frame'
        wrap?: string; // default 'picker__wrap'
        box?: string; // default 'picker__box'

        // The picker header
        header?: string; // default 'picker__header'

        // Month navigation
        navPrev?: string; // default 'picker__nav--prev'
        navNext?: string; // default 'picker__nav--next'
        navDisabled?: string; // default 'picker__nav--disabled'

        // Month & year labels
        month?: string; // default 'picker__month'
        year?: string; // default 'picker__year'

        // Month & year dropdowns
        selectMonth?: string; // default 'picker__select--month'
        selectYear?: string; // default 'picker__select--year'

        // Table of dates
        table?: string; // default 'picker__table'

        // Weekday labels
        weekdays?: string; // default 'picker__weekday'

        // Day states
        day?: string; // default 'picker__day'
        disabled?: string; // default 'picker__day--disabled'
        selected?: string // default 'picker__day--selected'
        highlighted?: string // default 'picker__day--highlighted'
        now?: string; // default 'picker__day--today'
        infocus?: string; // default 'picker__day--infocus'
        outfocus?: string; // default 'picker__day--outfocus'

        // The picker footer
        footer?: string; // default 'picker__footer'

        // Today & clear buttons
        buttonClear?: string; // default 'picker__button--clear'
        buttonToday?: string; // default 'picker__button--today'
    }
}

interface pickatimeOptions extends pickerOptions {

    // Formats
    format?: string; // default 'h:i A'
    formatLabel?: any;
    formatSubmit?: string;
    hiddenPrefix?: string; // default undefined
    hiddenSuffix?: string; // default '_submit'

    // Time intervals
    interval?: number; // interval in minutes. default 30.

    // Time limits
    min?: any; // array formatted as [HOUR,MINUTE], or as times relative to now using integers or a boolean (`true` sets it to now, `false` removes any limits).
    max?: any;

    // Disable times
    disable?: any[]; // arrays formatted as [HOUR,MINUTE] or integers representing hours (from 0 to 23). Switch to whitelist by setting true as the first item in the collection.

    // Classes
    klass?: {

        // The element states
        input?: string; // default 'picker__input'
        active?: string; // default 'picker__input--active'

        // The root picker and states
        picker?: string; // default 'picker picker--time'
        opened?: string; // default 'picker--opened'
        focused?: string; // default 'picker--focused'

        // The picker holder
        holder?: string; // default 'picker__holder'

        // The picker frame, wrapper, and box
        frame?: string; // default 'picker__frame'
        wrap?: string; // default 'picker__wrap'
        box?: string; // default 'picker__box'

        // List of times
        list?: string; // default 'picker__list'
        listItem?: string; // default 'picker__list-item'

        // Time states
        disabled?: string; // default 'picker__list-item--disabled'
        selected?: string; // default 'picker__list-item--selected'
        highlighted?: string; // default 'picker__list-item--highlighted'
        viewset?: string; // default 'picker__list-item--viewset'
        now?: string; // default 'picker__list-item--now'

        // Clear button
        buttonClear?: string; // default 'picker__button--clear'
    }
}

interface PickerItemObject {
    /** The "pick" value used for comparisons. */
    pick: number;
}

interface DatePickerItemObject extends PickerItemObject {
    /** The full year. */
    year: number;

    /** The month with zero-as-index. */
    month: number;

    /** The date of the month. */
    date: number;

    /** The day of the week with zero-as-index. */
    day: number;

    /** The underlying JavaScript Date object. */
    obj: Date;
}

interface TimePickerItemObject extends PickerItemObject {
    /** Hour of the day from 0 to 23. */
    hour: number;

    /** The minutes of the hour from 0 to 59 (based on the interval). */
    mins: number;
}

interface CallbackObject {
    open?: () => void;
    close?: () => void;
    render?: () => void;
    start?: () => void;
    stop?: () => void;
    set?: () => void;
}

interface SetThings {
    clear?;
    select?: any;
    highlight?: any;
    view?: any;
    min?: any;
    max?: any;
    disable?: any;
    enable?: any;
}

interface TimePickerSetThings extends SetThings {
    interval?: any;
}

interface PickerObject {
    /** The picker's relative input element wrapped as a jQuery object. */
    $node: JQuery;

    /** The picker's relative root holder element wrapped as a jQuery object. */
    $root: JQuery;
}

interface DatePickerObject extends PickerObject {
    open(withoutFocus?: boolean): DatePickerObject;
    close(withFocus?: boolean): DatePickerObject;

    /** Rebuild the picker. */
    start(): DatePickerObject;

    /** Destroy the picker. */
    stop(): DatePickerObject;

    /**
    * Refresh the picker box after adding something to the holder.
    * By default, only the "face" of the picker (i.e. the box element)
    * has it’s contents re-rendered. To render the entire picker from 
    * the root up, pass true as the first argument.
    */
    render(entirePicker?: boolean): DatePickerObject;

    /** Clear the value in the picker's input element. */
    clear(): DatePickerObject;

    /** Short for picker.get('value') */
    get(): string;

    /** Get the properties, objects, and states that make up the current state of the picker. */
    get(thing: string): any;

    /** Returns the string value of the picker's input element. */
    get(thing: 'value'): string;

    /** Returns the item object that is visually selected. */
    get(thing: 'select'): DatePickerItemObject;

    /** Returns the item object that is visually highlighted. */
    get(thing: 'highlight'): DatePickerItemObject;

    /** Returns the item object that sets the current view. */
    get(thing: 'view'): DatePickerItemObject;

    /** Returns the item object that limits the picker's lower range. */
    get(thing: 'min'): DatePickerItemObject;

    /** Returns the item object that limits the picker's upper range. */
    get(thing: 'max'): DatePickerItemObject;

    /** Returns a boolean value of whether the picker is open or not. */
    get(thing: 'open'): boolean;

    /** Returns a boolean value of whether the picker has started or not. */
    get(thing: 'start'): boolean;

    /** Returns a unique 9-digit integer that is the ID of the picker. */
    get(thing: 'id'): number;

    /** Returns an array of items that determine which item objects to disable on the picker. */
    get(thing: 'disable'): any[];

    /** Returns a formatted string for the item object specified by `thing` */
    get(thing: string, format: string): string;

    /** Set the properties, objects, and states to change the state of the picker. */
    set(thing: string, value?: any): DatePickerObject;
    set(things: SetThings): DatePickerObject;

    /** Bind callbacks to get fired off when the relative picker method is called. */
    on(methodName, callback: () => void ): DatePickerObject;

    /** Bind multiple callbacks at once to get fired off when the relative picker method is called. */
    on(callbackObject: CallbackObject): DatePickerObject;

    /** Trigger callbacks that have been queued up using the the on method. */
    trigger(event: string): DatePickerObject;
}

interface TimePickerObject extends PickerObject {
    open(withoutFocus?: boolean): TimePickerObject;
    close(withFocus?: boolean): TimePickerObject;

    /** Rebuild the picker. */
    start(): TimePickerObject;

    /** Destroy the picker. */
    stop(): TimePickerObject;

    /**
    * Refresh the picker box after adding something to the holder.
    * By default, only the "face" of the picker (i.e. the box element)
    * has it’s contents re-rendered. To render the entire picker from 
    * the root up, pass true as the first argument.
    */
    render(entirePicker?: boolean): TimePickerObject;

    /** Clear the value in the picker's input element. */
    clear(): TimePickerObject;

    /** Short for picker.get('value') */
    get(): string;

    /** Get the properties, objects, and states that make up the current state of the picker. */
    get(thing: string): any;

    /** Returns the string value of the picker's input element. */
    get(thing: 'value'): string;

    /** Returns the item object that is visually selected. */
    get(thing: 'select'): TimePickerItemObject;

    /** Returns the item object that is visually highlighted. */
    get(thing: 'highlight'): TimePickerItemObject;

    /** Returns the item object that sets the current view. */
    get(thing: 'view'): TimePickerItemObject;

    /** Returns the item object that limits the picker's lower range. */
    get(thing: 'min'): TimePickerItemObject;

    /** Returns the item object that limits the picker's upper range. */
    get(thing: 'max'): TimePickerItemObject;

    /** Returns a boolean value of whether the picker is open or not. */
    get(thing: 'open'): boolean;

    /** Returns a boolean value of whether the picker has started or not. */
    get(thing: 'start'): boolean;

    /** Returns a unique 9-digit integer that is the ID of the picker. */
    get(thing: 'id'): number;

    /** Returns an array of items that determine which item objects to disable on the picker. */
    get(thing: 'disable'): any[];

    /** Returns a formatted string for the item object specified by `thing` */
    get(thing: string, format: string): string;

    /** Set the properties, objects, and states to change the state of the picker. */
    set(thing: string, value?: any): TimePickerObject;
    set(things: TimePickerSetThings): TimePickerObject;

    /** Bind callbacks to get fired off when the relative picker method is called. */
    on(methodName, callback: () => void ): TimePickerObject;

    /** Bind multiple callbacks at once to get fired off when the relative picker method is called. */
    on(callbackObject: CallbackObject): TimePickerObject;

    /** Trigger callbacks that have been queued up using the the on method. */
    trigger(event: string): TimePickerObject;
}

interface JQuery {
    pickadate(options?: pickadateOptions): HTMLInputElement;
    pickatime(options?: pickatimeOptions): HTMLInputElement;
}

interface HTMLInputElement {
    pickadate(picker: string): DatePickerObject;
    pickatime(picker: string): TimePickerObject;
}