View Full Version : Disable/Hide prev and next navigation button in Ext.DatePicker

19 Jun 2012, 2:53 AM
I did not find any configuration to disable/ hide the navigation buttons (previous and next) in Ext.DatePicker.
Although we have a way to do this using respective css classes.
But what we have more than one Ext.DatePicker in one page and we want to customize them differently.

23 Jun 2012, 4:17 PM
You can create your own class and make adjustments as needed:

.mydateclass .x-datepicker-prev a, .mydateclass .x-datepicker-next a {
background-image: none;

Ext.create('Ext.panel.Panel', {
title: 'Choose a future date:',
width: 200,
bodyPadding: 10,
renderTo: Ext.getBody(),
items: [
xtype: 'datepicker',
minDate: new Date(),
cls: 'mydateclass'
xtype: 'datepicker',
minDate: new Date()