> Documentation index: https://www.gooddata.ai/docs/gooddata-ui/llms.txt lists every page of these docs as Markdown.

# IDateFilterButtonProps

- Package: [@gooddata/sdk-ui-filters](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-filters/index.md)
- Kind: interface
- Stability: alpha
- Source: https://github.com/gooddata/gooddata-ui-sdk/blob/rel/11.64/libs/sdk-ui-filters/src/DateFilter/DateFilterButton/DateFilterButton.tsx

> **Alpha API.** Initial API, highly likely to change outside SemVer. Don't build on it in production. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

**Signature:**

```typescript
export interface IDateFilterButtonProps 
```

## Properties

| Property | Modifiers | Type | Description |
| --- | --- | --- | --- |
| [buttonRef?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-filters/sdk-ui-filters.idatefilterbuttonprops/index.md#idatefilterbuttonpropsbuttonref) |  | MutableRefObject<HTMLElement \| null> | **_(ALPHA)_** _(Optional)_ |
| [children?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-filters/sdk-ui-filters.idatefilterbuttonprops/index.md#idatefilterbuttonpropschildren) |  | ReactNode | **_(ALPHA)_** _(Optional)_ |
| [customFilterName?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-filters/sdk-ui-filters.idatefilterbuttonprops/index.md#idatefilterbuttonpropscustomfiltername) |  | string | **_(ALPHA)_** _(Optional)_ |
| [customIcon?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-filters/sdk-ui-filters.idatefilterbuttonprops/index.md#idatefilterbuttonpropscustomicon) |  | [IFilterButtonCustomIcon](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-filters/sdk-ui-filters.ifilterbuttoncustomicon/index.md) | **_(ALPHA)_** _(Optional)_ |
| [disabled?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-filters/sdk-ui-filters.idatefilterbuttonprops/index.md#idatefilterbuttonpropsdisabled) |  | boolean | **_(ALPHA)_** _(Optional)_ |
| [dropdownId?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-filters/sdk-ui-filters.idatefilterbuttonprops/index.md#idatefilterbuttonpropsdropdownid) |  | string | **_(ALPHA)_** _(Optional)_ |
| [isMobile](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-filters/sdk-ui-filters.idatefilterbuttonprops/index.md#idatefilterbuttonpropsismobile) |  | boolean | **_(ALPHA)_** |
| [isOpen?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-filters/sdk-ui-filters.idatefilterbuttonprops/index.md#idatefilterbuttonpropsisopen) |  | boolean | **_(ALPHA)_** _(Optional)_ |
| [onClick?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-filters/sdk-ui-filters.idatefilterbuttonprops/index.md#idatefilterbuttonpropsonclick) |  | () => void | **_(ALPHA)_** _(Optional)_ |
| [textSubtitle?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-filters/sdk-ui-filters.idatefilterbuttonprops/index.md#idatefilterbuttonpropstextsubtitle) |  | string | **_(ALPHA)_** _(Optional)_ |
| [textTitle?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-filters/sdk-ui-filters.idatefilterbuttonprops/index.md#idatefilterbuttonpropstexttitle) |  | string | **_(ALPHA)_** _(Optional)_ |
| [title](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-filters/sdk-ui-filters.idatefilterbuttonprops/index.md#idatefilterbuttonpropstitle) |  | ReactNode | **_(ALPHA)_** |

## Property details

### IDateFilterButtonProps.buttonRef

> **Alpha API.** Initial API, highly likely to change outside SemVer. Don't build on it in production. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

**Signature:**

```typescript
buttonRef?: MutableRefObject<HTMLElement | null>;
```

### IDateFilterButtonProps.children

> **Alpha API.** Initial API, highly likely to change outside SemVer. Don't build on it in production. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

**Signature:**

```typescript
children?: ReactNode;
```

### IDateFilterButtonProps.customFilterName

> **Alpha API.** Initial API, highly likely to change outside SemVer. Don't build on it in production. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

**Signature:**

```typescript
customFilterName?: string;
```

### IDateFilterButtonProps.customIcon

> **Alpha API.** Initial API, highly likely to change outside SemVer. Don't build on it in production. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

**Signature:**

```typescript
customIcon?: IFilterButtonCustomIcon;
```

### IDateFilterButtonProps.disabled

> **Alpha API.** Initial API, highly likely to change outside SemVer. Don't build on it in production. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

**Signature:**

```typescript
disabled?: boolean;
```

### IDateFilterButtonProps.dropdownId

> **Alpha API.** Initial API, highly likely to change outside SemVer. Don't build on it in production. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

**Signature:**

```typescript
dropdownId?: string;
```

### IDateFilterButtonProps.isMobile

> **Alpha API.** Initial API, highly likely to change outside SemVer. Don't build on it in production. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

**Signature:**

```typescript
isMobile: boolean;
```

### IDateFilterButtonProps.isOpen

> **Alpha API.** Initial API, highly likely to change outside SemVer. Don't build on it in production. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

**Signature:**

```typescript
isOpen?: boolean;
```

### IDateFilterButtonProps.onClick

> **Alpha API.** Initial API, highly likely to change outside SemVer. Don't build on it in production. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

**Signature:**

```typescript
onClick?: () => void;
```

### IDateFilterButtonProps.textSubtitle

> **Alpha API.** Initial API, highly likely to change outside SemVer. Don't build on it in production. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

**Signature:**

```typescript
textSubtitle?: string;
```

### IDateFilterButtonProps.textTitle

> **Alpha API.** Initial API, highly likely to change outside SemVer. Don't build on it in production. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

**Signature:**

```typescript
textTitle?: string;
```

### IDateFilterButtonProps.title

> **Alpha API.** Initial API, highly likely to change outside SemVer. Don't build on it in production. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

**Signature:**

```typescript
title: ReactNode;
```