Skip to content

A DateTime Field UX for 5.x and 6.x that is also compatible with Architect 3.x.

License

Notifications You must be signed in to change notification settings

gportela85/DateTimeField

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

67 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

DateTimeField

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

access12

access24

Screenshots - Classic Theme

classic12

classic24

Screenshots - Neptune Theme

neptune12

neptune24

Screenshots - Crisp Theme (ExtJS 5)

neptune12

neptune24

Screenshots - Triton Theme (ExtJS 6)

triton12

triton24

Screenshots - Graphite Theme (ExtJS 6)

graphite12

graphite24

About

A DateTime Field UX for 5.x and 6.x that is also compatible with Architect 3.x.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •