# \<CommonDatePickerLook\>

This is a helper class for implementing a **\<DatePickerTemplate/\>**. It inherits from **GuiTemplate**.

This helper class is expected to be used in this way:
```
<Instance ref.CodeBehind="false" ref.Class="darkskin::DatePickerTemplate" ref.Styles="res://DarkSkin/Style">
  <DatePickerTemplate ref.Name="self" MinSizeLimitation="LimitToElementAndChildren" Date-bind="look.Date">
    <CommonDatePickerLook ref.Name="look" AlignmentToParent="left:0 top:0 right:0 bottom:0" Font-bind="self.Font" Date-bind="self.Date" DateLocale-bind="self.DateLocale" Commands-bind="self.Commands">
      <att.DateButtonTemplate>darkskin::DateButtonTemplate</att.DateButtonTemplate>
      <att.DateTextListTemplate>darkskin::TextListTemplate</att.DateTextListTemplate>
      <att.DateComboBoxTemplate>darkskin::ComboBoxTemplate</att.DateComboBoxTemplate>
      <att.BackgroundColor>#2D2D30</att.BackgroundColor>
      <att.PrimaryTextColor>#FFFFFF</att.PrimaryTextColor>
      <att.SecondaryTextColor>#999999</att.SecondaryTextColor>
    </CommonDatePickerLook>
  </DatePickerTemplate>
</Instance>
```

These properties are expected to pass from **\<DatePickerTemplate/\>** to **\<CommonDatePickerLook/\>**:
- **Commands**
- **DateLocale**
- **Font** These properties are expected to be bidirectional binded between **\<DatePickerTemplate/\>** and **\<CommonDatePickerLook/\>**:
- **Date** These properties defines control templates for:
- **DateButtonTemplate**: Date buttons.
- **DateTextListTemplate**: Month and year dropdown list.
- **DateComboBoxTemplate**: Month and year combo boxes. These properties defines main colors of the control template:
- **BackgroundColor**: Background color.
- **PrimaryTextColor**: Text color for date buttons in the selected month in the calendar.
- **SecondaryTextColor**: Text color for date buttons in the previous or next month of the selected month in the calendar.

