A DateTime Form Field UX for Sencha, ExtJS 5.x and ExtJS 6.x.
For ExtJS 4.2.x, please access here.
This widget displays a Time Picker panel by the Date Picker panel.
There is a DateTimeField.aux file already encapsulated and ready for use with Sencha Architect 3.x.
Usage
You only need to change the format value for the Time Picker to work. Having a format with "H" makes it 24/hour and "h" makes it 12/hour format.
Eg: 'm/d/Y H:i:s' or 'm/d/Y h:i A'
Accessibility
- SHIFT + UP/DOWN - Changes the Hour Value
- SHIFT + CMD (or CTRL Windows) + UP/DOWN - Changes the Minute Value
Fiddle: https://fiddle.sencha.com/#fiddle/rn3
Screenshots - Access Theme
Screenshots - Classic Theme
Screenshots - Neptune Theme
Screenshots - Crisp Theme (ExtJS 5)
Screenshots - Triton Theme (ExtJS 6)
Screenshots - Graphite Theme (ExtJS 6)