Ext.ux.form.field.MultiTime by Alexander Tokarev – Version 0.99


Form field that allows entering time range, with flexible format matching and customized drop-down picker.

Show more


  • Ext JS 4.1


  • Chrome (desktop)
  • Firefox (desktop)
  • IE6+ (desktop)
  • Opera (desktop)
  • Safari (desktop)


  • Demo in action

    No description.



This class implements an input field for entering time range values, consisting of starting time and ending time in 15-minute increments.

MultiTime features:

  • Allows entering starting and ending times for an interval of time
  • Separate settings for input format, display and submit formats
  • Fully themed with CSS sheet provided
  • Switched behavior: set multiValue property to false and field will allow only single point in time to be entered
  • Brand new Time picker for visual time selection
  • Supports time validation
  • Set minValue/maxValue to limit earliest and latest times available, including picker
  • Dynamically changing picker that tracks selection to disable invalid time choices both in multi- and single-value modes
  • Configurable time increment: 15, 30 or 60 minutes

For usage, see respective demo application.

This extension is released under GPL 3.0 license.

Commercial use is permitted to the extent that the code/component(s) do NOT become part of another Open Source or Commercially licensed development library or toolkit without explicit permission.

Copyright (c) 2011-2012 by Alexander Tokarev, nohuhu@nohuhu.org.

Live demo

Github repo

Version History

  • Version 0.99


    Updated to accommodate Ext JS 4.1


Other extensions by Alexander Tokarev

Other extensions in components

  • Screenshot


    A navigational component that utilizes a list which is hidden when not in use. Inspired by Facebook's sliding menu system.

  • Screenshot


    Component to select datetime value.

  • Screenshot

    Pinch Zoom Image

    Able to use a pinch-zoom and touch panning a image in the sencha touch 2.

  • Screenshot


    Plugin that enable filters on the grid headers

  • Screenshot

    Animated CSS3 button menu

    This component gives you an alternate way to build a cool menu in you Sencha Touch app. The menu is rendered and animated in path menu like style with CSS3 transition animations.


Be the first to leave a review.