Ext.picker Namespace

Classes

	Name	Description
	Color	ColorPicker provides a simple color palette for choosing colors. The picker can be rendered to any container. The available default to a standard 40-color palette; this can be customized with the colors config. Typically you will need to implement a handler function to be notified when the user chooses a color from the picker; you can register the handler using the select event, or by implementing the handler method. Here's an example of typical usage: var cp = new Ext.picker.Color({ value: '993300', // initial selected color renderTo: 'my-div' }); cp.on('select', function(picker, selColor){ // do something with selColor });
	ColorConfig
	ColorEvents
	Date	A date picker. This class is used by the Ext.form.field.Date field to allow browsing and selection of valid dates in a popup next to the field, but may also be used with other components. Typically you will need to implement a handler function to be notified when the user chooses a color from the picker; you can register the handler using the select event, or by implementing the handler method. By default the user will be allowed to pick any date; this can be changed by using the minDate, maxDate, disabledDays, disabledDatesRE, and/or disabledDates configs. All the string values documented below may be overridden by including an Ext locale file in your page. Example usage: new Ext.panel.Panel({ title: 'Choose a future date:', width: 200, bodyPadding: 10, renderTo: Ext.getBody(), items: [{ xtype: 'datepicker', minDate: new Date(), handler: function(picker, date) { // do something with the selected date } }] });
	DateConfig
	DateEvents
	Time	A time picker which provides a list of times from which to choose. This is used by the Ext.form.field.Time class to allow browsing and selection of valid times, but could also be used with other components. By default, all times starting at midnight and incrementing every 15 minutes will be presented. This list of available times can be controlled using the minValue, maxValue, and increment configuration properties. The format of the times presented in the list can be customized with the format config. To handle when the user selects a time from the list, you can subscribe to the selectionchange event. Code new Ext.create('Ext.picker.Time', { width: 60, minValue: Ext.Date.parse('04:30:00 AM', 'h:i:s A'), maxValue: Ext.Date.parse('08:00:00 AM', 'h:i:s A'), renderTo: Ext.getBody() });
	TimeConfig
	TimeEvents