# Dash Plotly date picker inside rangeselector

**URL:** <https://community.plotly.com/t/dash-plotly-date-picker-inside-rangeselector/52072>\
**Category:** 📊 Plotly Python\
**Created:** [April 15, 2021, 9:32pm UTC](https://community.plotly.com/t/dash-plotly-date-picker-inside-rangeselector/52072 "2021-04-15T21:32:45Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![wander](https://avatars.discourse-cdn.com/v4/letter/w/d78d45/32.png) [@wander](https://community.plotly.com/u/wander)\
**Post date:** [April 15, 2021, 9:32pm UTC](https://community.plotly.com/t/dash-plotly-date-picker-inside-rangeselector/52072/1 "2021-04-15T21:32:45Z")

</div>

I’m trying to set a date picker on a button inside rangeselector, increasing my choices beyond that of 1M, 6M, 1Y and so on. Follow the piece of code that shows the new button. I just don’t know how to add action tho that. Appreciate any help.

```auto
def drawGraph():
return html.Div([
dbc.Card(
dbc.CardBody([
dcc.Graph(
figure = px.area(
stocks_close.AMZN, title = 'Amazon',
height=600
).update_xaxes(
title_text = 'Data',
rangeslider_visible = True,
rangeselector = dict(
buttons = list([
dict(count = 0, label = 'Date Range', step = 'all', stepmode = 'backward'),
dict(count = 5, label = '5D', step = 'day', stepmode = 'backward'),
dict(count = 1, label = '1M', step = 'month', stepmode = 'backward'),
dict(count = 6, label = '6M', step = 'month', stepmode = 'backward'),
dict(count = 1, label = 'YTD', step = 'year', stepmode = 'todate'),
dict(count = 1, label = '1Y', step = 'year', stepmode = 'backward'),
dict(count = 2, label = '2Y', 

```