Date Picker
Asked by Sean Gorman:

Is there an available addon or a macro I'm missing in order to popup a calendar screen, then choose the date being input onto the page?

Creating a new meeting agenda template where when the page is created, you click the "DATE" field, select the date of the meeting, then continue to build the agenda.

Thanks!


Answers:
author: Rodrigo Girardi Adami
body: Hi Sean,

As far as I know, if you just type double forward slash inside a page, "//", it should bring a date picker in the latest versions of confluence.

This is bundled with the application :)

Cheers,

Rodrigo

comments: author: Sanjeev Sharma
body: Thanks!!! This works like charm.. Hidden Feature :-)


author: Johanna Adamson
body: THANKS!


author: Adam Cooperman
body: Is this documented anywhere? I wonder what other similar tricks I might be missing out on.


author: JamesV
body: It does the Date but not the time. Would be nice to have an option to add the time as well.


author: fasilak
body: Thanks.


author: Cijo Jose
body: That was so quick

Thanks,

CJ


author: Joe
body: Thanks @Rodrigo Adami!


author: hemanth acharya
body: @Rodrigo Adami is there a way to enter the time as well?

Thanks


author: Nancy Lopez
body: The // spec is listed here under the Date Picker design docs:

<https://atlassian.design/server/components/date-picker/>


author: Okwute419
body: But is there a macro to have that calendar pop-up (like when u use // ) appear dynamically on pages, so users can pick dates? The double forward slash appears only when creating the page but not active after publishing.


author: Yagnesh Bhat
body: If you are plannning to create a customized template, include this in your form (soy Template) , highlighted in bold. Then create a blueprint that accepts this value and then pass this on to the page created by the blueprint.

\<div class="field-group"\>

\<label for="some-date"\>{getText('some.blueprint.wizard.form.label.date')}\</label\>

\<input id="some-date" **class="datepicker-field date-field text" type="text"** name="date" size="10" autocomplete="off"\>

\</div\>

More on creating blueprints here : [](https://developer.atlassian.com/display/CONFDEV/Confluence+Blueprints)<https://developer.atlassian.com/display/CONFDEV/Confluence+Blueprints>

Be sure to check out the child pages of the above link for more complex examples.

comments: author: ICT Gemeente Tynaarlo
body: Thanx! I know it's an old thread, but above doesn't seem to work (anymore).

The URL provided by Nancy Lopez above here has another example:

```
<input class="aui-date-picker" id="demo-range-2" type="date" max="2012-01-25" min="2011-12-25" />
```

That one seems to work in Templates, but the style is different from Confluence Date-Picker..


author: Mayuresh Sakharape
body: [@ICT Gemeente Tynaarlo](/t5/user/viewprofilepage/user-id/628380) ,

I tried in Confluence 7.4. It shows while saving the template but not while creating the page. Later if you open the template in edit mode, the changes disappear.


author: Stiltsoft Support
body: Hello Community,

Handy Date from [Handy Macros for Confluence](https://marketplace.atlassian.com/apps/1214971/handy-macros-for-confluence-formatting-and-interactive-ui?tab=overview&hosting=server&utm_source=atlassian-community&utm_medium=answer&utm_campaign=handy-macros-traffic-sources&utm_vendorID=1216111&utm_content=date_picker) adds the ability to change dates in the page view mode without editing the page. It's available for any hosting. This app also includes macros to create dropdowns, buttons, timestamps, and others so you can get much more than just a date picker with its help. See the gif below for details

![Date.gif](https://community.atlassian.com/t5/image/serverpage/image-id/191285i781B3B352B6147B5/image-size/large?v=v2&px=999 "Date.gif")


author: Teddy Thomas
body: For anyone else that's looking for an answer to how to do this in a template, it looks like you can insert "$currentDateLozenge" in the template to get the date picker, set to the current date by default. This appears to be how some default templates do it, and there's no need to use the Source Editor plugin.


author: Noumenon72
body: Time to change the accepted answer to the one with 27 upvotes.

comments: author: Casey Maynard
body: But is there a way for the Date Picker to be used without going into Edit mode?


author: Andrey Khaneev _StiltSoft_
body: Casey, do you want to change date without editing the page? If yes, take a look at [Handy Macros](https://marketplace.atlassian.com/plugins/com.stiltsoft.confluence.handy.macros/server/overview) add-on, it has [Handy Date](https://docs.stiltsoft.com/display/HMFC/How+to+use+Handy+Date) tool that makes date macros editable while viewing the page.


author: Casey Maynard
body: Yes, that seems to be just another add-on we have to purchase for such a simple functionality. We are limited on how much we are willing to spend on making Confluence become user friendly without spending.

I was hoping for an affordable option.


author: Okwute419
body: Still looking for native Confluence macro on this, we shouldn't have to buy an add-on


Tags: confluence-administration