> For the complete documentation index, see [llms.txt](https://docs.powerviz.ai/powerviz/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.powerviz.ai/powerviz/date-picker/advanced-settings-introduction/formatting.md).

# Formatting

Customize the appearance of your date picker using various formatting options:

* Font family: Choose a font style for the dates.
* Font size: Auto-font adjusts the size for the best fit, or manually set the size.
* Text color: Control the color of weekday dates.
* Calendar background: Change the background color.
* Side panel background: Customize the Presets panel color.
* Selected dates font color: Define the color of selected dates.
* Select dates background color: Customize the background color of selected dates.
* Format between dates: Control the date and background color in range selection.
* Border: Define the border for the entire calendar area, including width and color.

<figure><img src="https://powerviz-assets.s3.us-east-2.amazonaws.com/docs/doc-date-picker/18.png" alt=""><figcaption></figcaption></figure>

{% hint style="info" %} <mark style="color:blue;">NOTE</mark>

<mark style="color:blue;">Auto font size is based on the canvas area and may change on different screens. For a consistent size, enter px manually.</mark>
{% endhint %}