RWT Theming Reference > DateTime

## DateTime

DateTime controls

### Available CSS Properties

Properties that can be defined for this element:

- background-color

  Background color

- background-image

  Background gradient for DateTime. Not applied to DateTime Calendar.

- border

  DateTime border

- border-radius

  Border radius. The border radius has no effect if an enhanced border, like "inset" or "outset" is used.

- color

  Text color for DateTime.

- font

  Text font for DateTime. Not applied to DateTime Calendar.

- padding

  Padding for DateTime Date/Time.

### Applicable SWT Styles

SWT style flags that can be referred to in a selector for this element (as CSS attributes):

- [BORDER]

  Style constant for bordered behavior.

### Applicable States

Widget states that can be referred to in a selector for this element (as CSS pseudo-classes):

- :disabled

  Applies to disbled DateTime controls.

## DateTime-Field

Fields for date, month, year, hours, minutes, seconds

### Available CSS Properties

Properties that can be defined for this element:

- background-color

  Background color for DateTime fields

- color

  Text color for DateTime fields.

- padding

  Padding for DateTime Date/Time field part.

### Applicable SWT Styles

none

### Applicable States

Widget states that can be referred to in a selector for this element (as CSS pseudo-classes):

- :selected

  Applies to selected DateTime fields.

## DateTime-Calendar-Day

Day from the calendar

### Available CSS Properties

Properties that can be defined for this element:

- background-color

  Background color

- color

  Text color

### Applicable SWT Styles

none

### Applicable States

Widget states that can be referred to in a selector for this element (as CSS pseudo-classes):

- :hover

  Applies while the user hovers over the calendar day.

- :otherMonth

  Applies to the day that belongs to other month.

- :selected

  Applies to selected day.

- :unfocused

  Applies to the day on unfocused calendar.

## DateTime-Calendar-Navbar

The calendar navigation bar

### Available CSS Properties

Properties that can be defined for this element:

- background-color

  Background color

- border

  Calendar navigation bar border

- border-radius

  Border radius. The border radius has no effect if an enhanced border, like "inset" or "outset" is used.

- color

  Text color

- font

  Text font for the Calendar navigation bar.

### Applicable SWT Styles

none

### Applicable States

Widget states that can be referred to in a selector for this element (as CSS pseudo-classes):

- :disabled

  Applies to disbled DateTime controls.

## DateTime-Calendar-PreviousMonthButton

The calendar previous month button

### Available CSS Properties

Properties that can be defined for this element:

- background-image

  Background image for the Calendar previous month button. The size of the image should be 16 x 16 pixels.

- cursor

  Calendar previous month button cursor.

### Applicable SWT Styles

none

### Applicable States

Widget states that can be referred to in a selector for this element (as CSS pseudo-classes):

- :disabled

  Applies to disabled Calendar previous month button.

- :hover

  Applies while the user hovers over the button.

## DateTime-Calendar-NextMonthButton

The calendar next month button

### Available CSS Properties

Properties that can be defined for this element:

- background-image

  Background image for the Calendar next month button. The size of the image should be 16 x 16 pixels.

- cursor

  Calendar next month button cursor.

### Applicable SWT Styles

none

### Applicable States

Widget states that can be referred to in a selector for this element (as CSS pseudo-classes):

- :disabled

  Applies to disabled Calendar next month button.

- :hover

  Applies while the user hovers over the button.

## DateTime-Calendar-PreviousYearButton

The calendar previous year button

### Available CSS Properties

Properties that can be defined for this element:

- background-image

  Background image for the Calendar previous year button. The size of the image should be 16 x 16 pixels.

- cursor

  Calendar previous year button cursor.

### Applicable SWT Styles

none

### Applicable States

Widget states that can be referred to in a selector for this element (as CSS pseudo-classes):

- :disabled

  Applies to disabled Calendar previous year button.

- :hover

  Applies while the user hovers over the button.

## DateTime-Calendar-NextYearButton

The calendar next year button

### Available CSS Properties

Properties that can be defined for this element:

- background-image

  Background image for the Calendar next year button. The size of the image should be 16 x 16 pixels.

- cursor

  Calendar next year button cursor.

### Applicable SWT Styles

none

### Applicable States

Widget states that can be referred to in a selector for this element (as CSS pseudo-classes):

- :disabled

  Applies to disabled Calendar next year button.

- :hover

  Applies while the user hovers over the button.

## DateTime-UpButton

The DateTime Date/Time up button

### Available CSS Properties

Properties that can be defined for this element:

- background-color

  The background color of the DateTime Date/Time up button.

- background-image

  Background image or gradient for DateTime up button.

- border

  The border of the DateTime Date/Time up button.

- border-radius

  Border radius. The border radius has no effect if an enhanced border, like "inset" or "outset" is used.

- cursor

  DateTime Date/Time up button cursor.

- width

  The width of the DateTime Date/Time up button.

### Applicable SWT Styles

none

### Applicable States

Widget states that can be referred to in a selector for this element (as CSS pseudo-classes):

- :disabled

  Applies to disabled DateTime up button.

- :hover

  Applies while the user hovers over the button.

- :pressed

  Applies while a button is pressed.

## DateTime-UpButton-Icon

The DateTime up button icon

### Available CSS Properties

Properties that can be defined for this element:

- background-image

  The icon for DateTime up button.

### Applicable SWT Styles

none

### Applicable States

Widget states that can be referred to in a selector for this element (as CSS pseudo-classes):

- :disabled

  Applies to disabled DateTime up button.

- :hover

  Applies while the user hovers over the button.

- :pressed

  Applies while a button is pressed.

## DateTime-DownButton

The DateTime down button

### Available CSS Properties

Properties that can be defined for this element:

- background-color

  The background color of the DateTime Date/Time down button.

- background-image

  Background image or gradient for DateTime down button.

- border

  The border of the DateTime Date/Time down button.

- border-radius

  Border radius. The border radius has no effect if an enhanced border, like "inset" or "outset" is used.

- cursor

  DateTime Date/Time down button cursor.

- width

  The width of the DateTime Date/Time down button.

### Applicable SWT Styles

none

### Applicable States

Widget states that can be referred to in a selector for this element (as CSS pseudo-classes):

- :disabled

  Applies to disabled DateTime down button.

- :hover

  Applies while the user hovers over the button.

- :pressed

  Applies while a button is pressed.

## DateTime-DownButton-Icon

The DateTime down button icon

### Available CSS Properties

Properties that can be defined for this element:

- background-image

  The icon for DateTime down button.

### Applicable SWT Styles

none

### Applicable States

Widget states that can be referred to in a selector for this element (as CSS pseudo-classes):

- :disabled

  Applies to disabled DateTime down button.

- :hover

  Applies while the user hovers over the button.

- :pressed

  Applies while a button is pressed.

## DateTime-DropDownButton

The DateTime drop-down button. Applies when the SWT.DROP_DOWN style is used.

### Available CSS Properties

Properties that can be defined for this element:

- background-color

  The background color of the DateTime Date drop-down button.

- background-image

  Background image or gradient for DateTime drop-down button.

- border

  The border of the DateTime Date drop-down button.

- border-radius

  Border radius. The border radius has no effect if an enhanced border, like "inset" or "outset" is used.

- cursor

  DateTime Date drop-down button cursor.

- width

  The width of the DateTime Date drop-down button.

### Applicable SWT Styles

none

### Applicable States

Widget states that can be referred to in a selector for this element (as CSS pseudo-classes):

- :disabled

  Applies to disabled DateTime Date drop-down button.

- :hover

  Applies while the user hovers over the button.

- :pressed

  Applies while a button is pressed.

## DateTime-DropDownButton-Icon

The drop-down button icon.

### Available CSS Properties

Properties that can be defined for this element:

- background-image

  The icon for the DateTime drop-down button.

### Applicable SWT Styles

none

### Applicable States

Widget states that can be referred to in a selector for this element (as CSS pseudo-classes):

- :hover

  Applies while the user hovers over the button.

- :pressed

  Applies while a button is pressed.

## DateTime-DropDownCalendar

The DateTime drop-down calendar. Applies when the SWT.DROP_DOWN style is used.

### Available CSS Properties

Properties that can be defined for this element:

- border

  The border of the drop-down calendar.

### Applicable SWT Styles

none

### Applicable States

none