# A date picker for ionic framework applications **URL:** \ **Category:** demo\ **Created:** [April 23, 2015, 5:14am UTC](https://forum.ionicframework.com/t/a-date-picker-for-ionic-framework-applications/21515 "2015-04-23T05:14:07Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![rajeshwarpatlolla](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/rajeshwarpatlolla/32/70759_2.png) [@rajeshwarpatlolla](https://forum.ionicframework.com/u/rajeshwarpatlolla)\ **Post date:** [April 23, 2015, 5:14am UTC](https://forum.ionicframework.com/t/a-date-picker-for-ionic-framework-applications/21515/1 "2015-04-23T05:14:07Z")
I have created a demo app for date picker in ionic frame work applications. No additional plugins required. Check out the below links [View project @ Github](https://github.com/rajeshwarpatlolla/ionic-datepicker) [View Demo](http://rajeshwarpatlolla.github.io/DatePickerForIonicFramework/demo/ "Demo") **Screen shots** ![Date picker buttons](https://lh3.googleusercontent.com/YYlyw-ozro_rq9QB7hB1OzGKxo4kJpeGpXFo0ZgxF24=w117-h207-p-no "Date picker buttons")   ![Date picker modal](https://lh3.googleusercontent.com/GZPl7o0dx_Vp7lQB2IX35eM0u3wkK3bvSQw7mH3I5uY=w116-h207-p-no "Date picker modal") You can also use have a look at the [ionic-timepicker](http://forum.ionicframework.com/t/ionic-timepicker-bower-component-for-ionic-framework-applications/17929) bower component, which i have created earlier. Suggestions are welcome. ---
**Author:** ![milindsaraswala](https://avatars.discourse-cdn.com/v4/letter/m/85e7bf/32.png) [@milindsaraswala](https://forum.ionicframework.com/u/milindsaraswala)\ **Post date:** [April 23, 2015, 6:18am UTC](https://forum.ionicframework.com/t/a-date-picker-for-ionic-framework-applications/21515/2 "2015-04-23T06:18:50Z")
Hi Rajesh, It looks really good. Kindly can we make more responsive. ---
**Author:** ![rajeshwarpatlolla](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/rajeshwarpatlolla/32/70759_2.png) [@rajeshwarpatlolla](https://forum.ionicframework.com/u/rajeshwarpatlolla)\ **Post date:** [April 23, 2015, 6:30am UTC](https://forum.ionicframework.com/t/a-date-picker-for-ionic-framework-applications/21515/3 "2015-04-23T06:30:10Z")
Hi @milindsaraswala, I have used the native ionic framework’s popup here. It is by default responsive. I have also tried this date picker for both desktop and mobile devices and it is working fine. What do you mean by responsive in your aspect? Am i missing some thing? ---
**Author:** ![adhadimas91](https://avatars.discourse-cdn.com/v4/letter/a/4af34b/32.png) [@adhadimas91](https://forum.ionicframework.com/u/adhadimas91)\ **Post date:** [April 23, 2015, 7:20am UTC](https://forum.ionicframework.com/t/a-date-picker-for-ionic-framework-applications/21515/4 "2015-04-23T07:20:31Z")
is there any config or something to disable date after or date before .?? ---
**Author:** ![anshulklr](https://avatars.discourse-cdn.com/v4/letter/a/bb73d2/32.png) [@anshulklr](https://forum.ionicframework.com/u/anshulklr)\ **Post date:** [April 23, 2015, 7:21am UTC](https://forum.ionicframework.com/t/a-date-picker-for-ionic-framework-applications/21515/5 "2015-04-23T07:21:40Z")
Rajesh does it include the selection of time too after the date getting selected? ---
**Author:** ![rajeshwarpatlolla](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/rajeshwarpatlolla/32/70759_2.png) [@rajeshwarpatlolla](https://forum.ionicframework.com/u/rajeshwarpatlolla)\ **Post date:** [April 23, 2015, 7:32am UTC](https://forum.ionicframework.com/t/a-date-picker-for-ionic-framework-applications/21515/6 "2015-04-23T07:32:40Z")
Hi @adhadimas91, as of now there is no such functionality. I will try to implement this functionality in the future releases. ---
**Author:** ![rajeshwarpatlolla](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/rajeshwarpatlolla/32/70759_2.png) [@rajeshwarpatlolla](https://forum.ionicframework.com/u/rajeshwarpatlolla)\ **Post date:** [April 23, 2015, 7:35am UTC](https://forum.ionicframework.com/t/a-date-picker-for-ionic-framework-applications/21515/7 "2015-04-23T07:35:34Z")
Hi @anshulklr, This is just a date picker. I have also implemented the `ionic-timepicker`. You can use that bower component if required. But this doesn’t include time picker. Check out the below link for my time picker component. > **[Ionic-timepicker Bower component for Ionic framework applications](http://forum.ionicframework.com/t/ionic-timepicker-bower-component-for-ionic-framework-applications/17929)** > > I have designed a bower component ionic-timepicker, which can be used in any ionic frameworks application. No additional plugins required. Please checkout the github repository at the below mentioned link. ionic-timepicker project @ Github You... ---
**Author:** ![anshulklr](https://avatars.discourse-cdn.com/v4/letter/a/bb73d2/32.png) [@anshulklr](https://forum.ionicframework.com/u/anshulklr)\ **Post date:** [April 23, 2015, 7:40am UTC](https://forum.ionicframework.com/t/a-date-picker-for-ionic-framework-applications/21515/8 "2015-04-23T07:40:40Z")
Rajesh i can’t include two things in the same field. I want something in which after selecting the date the time field comes and you can select the time too with the date? Do you have any idea about this? ---
**Author:** ![CT14\_IT](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/ct14_it/32/65350_2.png) [@CT14\_IT](https://forum.ionicframework.com/u/CT14_IT)\ **Post date:** [April 23, 2015, 8:14am UTC](https://forum.ionicframework.com/t/a-date-picker-for-ionic-framework-applications/21515/9 "2015-04-23T08:14:37Z")
Great work, a really elegant solution 🙂 ---
**Author:** ![rajeshwarpatlolla](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/rajeshwarpatlolla/32/70759_2.png) [@rajeshwarpatlolla](https://forum.ionicframework.com/u/rajeshwarpatlolla)\ **Post date:** [April 23, 2015, 8:25am UTC](https://forum.ionicframework.com/t/a-date-picker-for-ionic-framework-applications/21515/10 "2015-04-23T08:25:21Z")
@CT14_IT, Thanks a lot. ---
**Author:** ![Gary1990](https://avatars.discourse-cdn.com/v4/letter/g/eb9ed0/32.png) [@Gary1990](https://forum.ionicframework.com/u/Gary1990)\ **Post date:** [April 24, 2015, 3:01am UTC](https://forum.ionicframework.com/t/a-date-picker-for-ionic-framework-applications/21515/11 "2015-04-24T03:01:45Z")
Hi @rajeshwarpatlolla. Appreciate excellent work. But it will remember the month even thought I don’t click Set button. For example I am on 4/24/2015 and click date button. switch the month to 3/24 then click Cancel. Click the date button again and then click left month switch button it will be 2/24(should be 3/24). Can you fix it? ---
**Author:** ![adhadimas91](https://avatars.discourse-cdn.com/v4/letter/a/4af34b/32.png) [@adhadimas91](https://forum.ionicframework.com/u/adhadimas91)\ **Post date:** [April 24, 2015, 3:54am UTC](https://forum.ionicframework.com/t/a-date-picker-for-ionic-framework-applications/21515/12 "2015-04-24T03:54:40Z")
oke thanks @rajeshwarpatlolla ---
**Author:** ![rajeshwarpatlolla](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/rajeshwarpatlolla/32/70759_2.png) [@rajeshwarpatlolla](https://forum.ionicframework.com/u/rajeshwarpatlolla)\ **Post date:** [April 24, 2015, 4:08am UTC](https://forum.ionicframework.com/t/a-date-picker-for-ionic-framework-applications/21515/13 "2015-04-24T04:08:08Z")
Hi @Gary1990, i will look into it. Thanks for finding this issue. ---
**Author:** ![rajeshwarpatlolla](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/rajeshwarpatlolla/32/70759_2.png) [@rajeshwarpatlolla](https://forum.ionicframework.com/u/rajeshwarpatlolla)\ **Post date:** [April 24, 2015, 8:57am UTC](https://forum.ionicframework.com/t/a-date-picker-for-ionic-framework-applications/21515/14 "2015-04-24T08:57:15Z")
Hi @Gary1990, The issue has been fixed and released a new version `v0.1.1` ---
**Author:** ![Gary1990](https://avatars.discourse-cdn.com/v4/letter/g/eb9ed0/32.png) [@Gary1990](https://forum.ionicframework.com/u/Gary1990)\ **Post date:** [April 24, 2015, 9:03am UTC](https://forum.ionicframework.com/t/a-date-picker-for-ionic-framework-applications/21515/15 "2015-04-24T09:03:18Z")
Thank you for your quick response. 😄 ---
**Author:** ![Malix](https://avatars.discourse-cdn.com/v4/letter/m/e8c25b/32.png) [@Malix](https://forum.ionicframework.com/u/Malix)\ **Post date:** [April 26, 2015, 8:15pm UTC](https://forum.ionicframework.com/t/a-date-picker-for-ionic-framework-applications/21515/16 "2015-04-26T20:15:53Z")
@rajeshwarpatlolla : Great addition, definitely going to use it! I think by “more responsive”, @milindsaraswala meant faster, as the component exhibits a bit of lag… I also would make the “month changers” just a bit larger and support arrow keys and enter… Cheers, ---
**Author:** ![jason\_engage](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/jason_engage/32/83542_2.png) [@jason\_engage](https://forum.ionicframework.com/u/jason_engage)\ **Post date:** [April 29, 2015, 10:57pm UTC](https://forum.ionicframework.com/t/a-date-picker-for-ionic-framework-applications/21515/17 "2015-04-29T22:57:52Z")
@rajeshwarpatlolla : min-date and max-date attribute options would be great. You could also add a special ‘cssClass:’ property so that we can easily control the size of the popup modal without having to change your code. ---
**Author:** ![rajeshwarpatlolla](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/rajeshwarpatlolla/32/70759_2.png) [@rajeshwarpatlolla](https://forum.ionicframework.com/u/rajeshwarpatlolla)\ **Post date:** [April 30, 2015, 4:24am UTC](https://forum.ionicframework.com/t/a-date-picker-for-ionic-framework-applications/21515/18 "2015-04-30T04:24:16Z")
Hi @jason_engage, that a good idea, i will try to implement in the upcoming release. Thanks for the suggestion. ---
**Author:** ![ronycohen](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/ronycohen/32/7982_2.png) [@ronycohen](https://forum.ionicframework.com/u/ronycohen)\ **Post date:** [May 11, 2015, 1:02pm UTC](https://forum.ionicframework.com/t/a-date-picker-for-ionic-framework-applications/21515/19 "2015-05-11T13:02:54Z")
@rajeshwarpatlolla congrats man. Thank you very much. ---
**Author:** ![MetaSean](https://avatars.discourse-cdn.com/v4/letter/m/46a35a/32.png) [@MetaSean](https://forum.ionicframework.com/u/MetaSean)\ **Post date:** [May 17, 2015, 11:07pm UTC](https://forum.ionicframework.com/t/a-date-picker-for-ionic-framework-applications/21515/20 "2015-05-17T23:07:03Z")
@rajeshwarpatlolla - It looks gorgeous, but it isn’t accessible. Do you have any plans to make it accessible? [Next page](https://forum.ionicframework.com/t/a-date-picker-for-ionic-framework-applications/21515.md?page=2)