// 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.setValue(timePicker.isEnabled());
enableTimePicker.addClickHandler(new ClickHandler() {
public void onClick(ClickEvent source) {
timePicker.setEnabled(enableTimePicker.getValue());
}
});
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.addClickHandler(new ClickHandler() {
public void onClick(ClickEvent source) {
// 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.setValue(dateTimePicker.isEnabled());
enableDateTimePicker.addClickHandler(new ClickHandler() {
public void onClick(ClickEvent event) {
dateTimePicker.setEnabled(enableDateTimePicker.getValue());
}
});
table.setWidget(4, 2, enableDateTimePicker);
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.setValue(customTimePicker.isEnabled());
enable.addClickHandler(new ClickHandler() {
public void onClick(ClickEvent sender) {
customTimePicker.setEnabled(enable.getValue());
}
});
table.setWidget(8, 2, enable);
