@quartic/bokehjs/src/coffee/models/widgets/date_picker.coffee

Interactive, novel data visualization

import * as $ from "jquery"
import "jquery-ui/datepicker"

import * as p from "core/properties"

import {InputWidget, InputWidgetView} from "./input_widget"


export class DatePickerView extends InputWidgetView

  render: () ->
    super()
    @label = $('<label>').text(@model.title)
    @input = $('<input type="text">')
    @datepicker = @input.datepicker({
      defaultDate: new Date(@model.value)
      minDate: if @model.min_date? then new Date(@model.min_date) else null
      maxDate: if @model.max_date? then new Date(@model.max_date) else null
      onSelect: @onSelect
    })
    @$el.append([@label, @input])
    @_prefix_ui()
    return @

  onSelect: (dateText, ui) =>
    d = new Date(dateText)
    @model.value = d.toString()
    @model.callback?.execute(@model)

export class DatePicker extends InputWidget
  type: "DatePicker"
  default_view: DatePickerView

  @define {
      # TODO (bev) types
      value:    [ p.Any, Date.now() ]
      min_date: [ p.Any             ]
      max_date: [ p.Any             ]
    }