}
});
table.setWidget(2, 2, enableDateSpinner);
// A TimePicker using AM/PM 12h format
final TimePicker timePicker = new TimePicker(false);
table.setHTML(3, 0, "Time picker:");
table.setWidget(3, 1, timePicker);
final CheckBox enableTimePicker = new CheckBox("Enable/disable");
enableTimePicker.setChecked(timePicker.isEnabled());
enableTimePicker.addClickListener(new ClickListener() {
public void onClick(Widget sender) {
timePicker.setEnabled(enableTimePicker.isChecked());
}
});
table.setWidget(3, 2, enableTimePicker);
// Creating a date time picker with AM/PM 12h TimePicker
final DateTimePicker dateTimePicker = new DateTimePicker(false);
dateTimePicker.setWidth("200px");
// Create a label to display the selected date
final Label dateLabel = new Label();
Button getDate = new Button("Show date");
getDate.addClickListener(new ClickListener() {
public void onClick(Widget sender) {
// Display the selected date/time using DateTimeFormat
dateLabel.setText(DateTimeFormat.getMediumDateTimeFormat().format(
dateTimePicker.getDate()));
}
});
dateLabel.setStyleName("sandbox-Date");
table.setHTML(4, 0, "Date time picker:");
table.setWidget(4, 1, dateTimePicker);
table.setWidget(5, 0, getDate);
table.setWidget(5, 1, dateLabel);
final CheckBox enableDateTimePicker = new CheckBox("Enable/disable");
enableDateTimePicker.setChecked(dateTimePicker.isEnabled());
enableDateTimePicker.addClickListener(new ClickListener() {
public void onClick(Widget sender) {
dateTimePicker.setEnabled(enableDateTimePicker.isChecked());
}
});
table.setWidget(4, 2, enableDateTimePicker);
final VolumeSlider volumeSlider = new VolumeSlider(0, -100, 100);
volumeSlider.setWidth("250px");
table.setHTML(7, 0, "Volume slider:");
table.setWidget(7, 1, volumeSlider);
final CheckBox enableVolumeSlider = new CheckBox("Enable/disable");
enableVolumeSlider.setChecked(volumeSlider.isEnabled());
enableVolumeSlider.addClickListener(new ClickListener() {
public void onClick(Widget sender) {
volumeSlider.setEnabled(enableVolumeSlider.isChecked());
}
});
table.setWidget(7, 2, enableVolumeSlider);
final TimePicker customTimePicker = new TimePicker(new Date(), null,
DateTimeFormat.getFormat("HH"), DateTimeFormat.getFormat("mm"), null);
table.setHTML(8, 0, "Another time picker (24h):");
table.setWidget(8, 1, customTimePicker);
final CheckBox enable = new CheckBox("Enable/disable");
enable.setChecked(customTimePicker.isEnabled());
enable.addClickListener(new ClickListener() {
public void onClick(Widget sender) {
customTimePicker.setEnabled(enable.isChecked());
}
});
table.setWidget(8, 2, enable);
initWidget(table);
}