---
title: "DatePickerState"
description: "A state object that can be hoisted to observe the date picker state. See
[rememberDatePickerState]."
type: "interface"
---

<div class='type'>Interface</div>


<a id='references'></a>

<div class='sourceset sourceset-common'>Common</div>



```kotlin
interface DatePickerState
```


A state object that can be hoisted to observe the date picker state. See
`rememberDatePickerState`.


## Properties

<div class='sourceset sourceset-common'>Common</div>


```kotlin
var selectedDateMillis: Long?
```


A timestamp that represents the selected date _start_ of the day in _UTC_ milliseconds from
the epoch.



<div class='sourceset sourceset-common'>Common</div>


```kotlin
var displayedMonthMillis: Long
```


A timestamp that represents the currently displayed month _start_ date in _UTC_ milliseconds
from the epoch.



<div class='sourceset sourceset-common'>Common</div>


```kotlin
var displayMode: DisplayMode
```


A `DisplayMode` that represents the current UI mode (i.e. picker or input).



<div class='sourceset sourceset-common'>Common</div>


```kotlin
val yearRange: IntRange
```


An `IntRange` that holds the year range that the date picker will be limited to.



<div class='sourceset sourceset-common'>Common</div>


```kotlin
val selectableDates: SelectableDates
```


A `SelectableDates` that is consulted to check if a date is allowed.

In case a date is not allowed to be selected, it will appear disabled in the UI.



<div class='sourceset sourceset-common'>Common</div>


```kotlin
val locale: CalendarLocale
```


A locale that will be used when formatting dates, determining the input format, week-days,
and more.