Ionic 3 Date Picker

Ionic 3 Date Picker

Theme for Ionic 3 Date Picker similar to google or tripadvisor with calendar months and selection of range of dates

$25.00

Not yet rated
Pravisha

Pravisha

Member since 2015

Details

Version:
3.6.0
Size:
3mb
Ionic:
3.x
Platforms:
iOS, Android
View ID:
deadebe7
Released:
8 years ago
Updated:
7 years ago
Category:
Themes
Tags:
theme, ionic, datepicker, ionic 3, calendar

Ionic Date Picker

Theme for Ionic 3 Date Picker similar to google or tripadvisor with calendar months and selection of range of dates

Purchase Options

Paypal from here
Gumroad from here

Features

  • Ionic 3.x (Current Version Supported is 3.6.0)
  • Angular 4.x and Typescript
  • DatePicker
  • Scroll Calendar Months
  • Limit Display of Calendar months based on configurable constant
  • Selection of Range of Dates
  • Disable or Enable Dates based on range selection
  • Directive based CSS manipulation to optimize the performance of the component
  • Detailed Documentation explaining the core units of the datepicker component

Demo

For demo, please check in Ionic View with id deadebe7 or watch it here

Hey there! You'll need to log in before you can leave a comment here.

piotr

piotr   ·   8 years ago

Does this control support selection of a single date? I see the demo always selects a range? I am looking for a control like this but which supports picking only 1 date at a time.

Pravisha

Pravisha   ·   8 years ago

You will need to customize the code to select single date. We have other calendar components as well http://market.ionic.io/themes/ionic-calendar-week http://market.ionic.io/themes/ioniccalendar Please do check if they are relevant for your scenarios

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Vorathep Sumetphong’s Projects

Vorathep Sumetphong’s Projects   ·   7 years ago

Hi, I just bought this component and the calendar, I am having some issues integrating it into my app. vorathep055@gmail.com :)

Pravisha

Pravisha   ·   7 years ago

Please send details of the issue to ionicplus@pravishatech.com

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Pravisha

Pravisha   ·   7 years ago

We have now released a new version 1.0.1. This supports Ionic Framework 2.0 RC-1 with webpack

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Pravisha

Pravisha   ·   7 years ago

We have now released a new version 1.0.2. This supports Ionic Framework 2.0 RC-2

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Gaddy

Gaddy   ·   7 years ago

when will you be supporting ionic 2.1.14 ?

Pravisha

Pravisha   ·   7 years ago

I am not aware of Ionic 2.1.14 as a release. Currently, we support Ionic 2.0 RC-2

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Pravisha

Pravisha   ·   7 years ago

We have now released a new version 1.0.3. This supports Ionic Framework 2.0 RC-5

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Pravisha

Pravisha   ·   7 years ago

We have now released a new version 2.0.0. This supports Ionic Framework 2.0 Final

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Aveendra Tb

Aveendra Tb   ·   7 years ago

Where can I find the documentation ?

Pravisha

Pravisha   ·   7 years ago

The documentation is available along with the source code in the same zip file.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Pravisha

Pravisha   ·   7 years ago

We have now released a new version 3.0.0. This supports Ionic Framework 3.0.1

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Nico Krebs

Nico Krebs   ·   7 years ago

Hello. Does this Ionic 3 DatePicker component support multilanguage? We need to create a German version of this DatePicke in case we buy it for our project.

Pravisha

Pravisha   ·   7 years ago

Hello, the datepicker is backed by moment.js. So it should be possible to change the locale setting of moment and use it as per your requirement.

Nico Krebs

Nico Krebs   ·   7 years ago

Hello. Thank for your fast answer. I want to clarify my questition a bit. Mulitlanguage in our case means, that we need to edit the labels Check-In and Check-out by ourselves. In best case you have a language files which allows us to maintain the labels.

Pravisha

Pravisha   ·   7 years ago

Hello, we don't have language files support in this template

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Rubem Linn

Rubem Linn   ·   7 years ago

Hello, does this theme works on the Web as well?

Pravisha

Pravisha   ·   7 years ago

Yes. it works in web as there are no dependencies on cordova plugin

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

SGTech

SGTech   ·   6 years ago

All time I receive this error bellow... Can you help me to solve it? Typescript Error Argument of type 'String' is not assignable to parameter of type 'MomentInput'. Type 'String' has no properties in common with type 'MomentInputObject'. ...uments/GitHub/RCITravel.LojaOnline.Aplicativo/src/pages/datepicker/datepicker.ts let selectorId = dateSelector.getId(); let directiveDate = moment(selectorId, FORMAT);

Pravisha

Pravisha   ·   6 years ago

Hello, We are unable to reproduce this issue. Can you confirm if your projects package.json is same as the datepicker theme package.json

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Rodrigo Andreatta da Costa

Rodrigo Andreatta da Costa   ·   6 years ago

Is it possible to load into calendar the 'busy' (unavailable) days? or it only allows me to pick a date?

Pravisha

Pravisha   ·   6 years ago

Only datepicker is implemented as of now

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

  ·   just now

{{ comment.comment }}

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

  ·   just now

{{ comment.comment }}

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Rodrigo Andreatta da Costa

Rodrigo Andreatta da Costa   ·   6 years ago

Is it possible to load into calendar the 'busy' (unavailable) days? or it only allows me to pick a date?

Pravisha

Pravisha   ·   6 years ago

Only datepicker is implemented as of now

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

SGTech

SGTech   ·   6 years ago

All time I receive this error bellow... Can you help me to solve it? Typescript Error Argument of type 'String' is not assignable to parameter of type 'MomentInput'. Type 'String' has no properties in common with type 'MomentInputObject'. ...uments/GitHub/RCITravel.LojaOnline.Aplicativo/src/pages/datepicker/datepicker.ts let selectorId = dateSelector.getId(); let directiveDate = moment(selectorId, FORMAT);

Pravisha

Pravisha   ·   6 years ago

Hello, We are unable to reproduce this issue. Can you confirm if your projects package.json is same as the datepicker theme package.json

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Rubem Linn

Rubem Linn   ·   7 years ago

Hello, does this theme works on the Web as well?

Pravisha

Pravisha   ·   7 years ago

Yes. it works in web as there are no dependencies on cordova plugin

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Nico Krebs

Nico Krebs   ·   7 years ago

Hello. Does this Ionic 3 DatePicker component support multilanguage? We need to create a German version of this DatePicke in case we buy it for our project.

Pravisha

Pravisha   ·   7 years ago

Hello, the datepicker is backed by moment.js. So it should be possible to change the locale setting of moment and use it as per your requirement.

Nico Krebs

Nico Krebs   ·   7 years ago

Hello. Thank for your fast answer. I want to clarify my questition a bit. Mulitlanguage in our case means, that we need to edit the labels Check-In and Check-out by ourselves. In best case you have a language files which allows us to maintain the labels.

Pravisha

Pravisha   ·   7 years ago

Hello, we don't have language files support in this template

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Pravisha

Pravisha   ·   7 years ago

We have now released a new version 3.0.0. This supports Ionic Framework 3.0.1

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Aveendra Tb

Aveendra Tb   ·   7 years ago

Where can I find the documentation ?

Pravisha

Pravisha   ·   7 years ago

The documentation is available along with the source code in the same zip file.

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Vorathep Sumetphong’s Projects

Vorathep Sumetphong’s Projects   ·   7 years ago

Hi, I just bought this component and the calendar, I am having some issues integrating it into my app. vorathep055@gmail.com :)

Pravisha

Pravisha   ·   7 years ago

Please send details of the issue to ionicplus@pravishatech.com

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Pravisha

Pravisha   ·   7 years ago

We have now released a new version 1.0.3. This supports Ionic Framework 2.0 RC-5

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Gaddy

Gaddy   ·   7 years ago

when will you be supporting ionic 2.1.14 ?

Pravisha

Pravisha   ·   7 years ago

I am not aware of Ionic 2.1.14 as a release. Currently, we support Ionic 2.0 RC-2

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Pravisha

Pravisha   ·   7 years ago

We have now released a new version 1.0.2. This supports Ionic Framework 2.0 RC-2

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Pravisha

Pravisha   ·   7 years ago

We have now released a new version 1.0.1. This supports Ionic Framework 2.0 RC-1 with webpack

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

piotr

piotr   ·   8 years ago

Does this control support selection of a single date? I see the demo always selects a range? I am looking for a control like this but which supports picking only 1 date at a time.

Pravisha

Pravisha   ·   8 years ago

You will need to customize the code to select single date. We have other calendar components as well http://market.ionic.io/themes/ionic-calendar-week http://market.ionic.io/themes/ioniccalendar Please do check if they are relevant for your scenarios

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.

Pravisha

Pravisha   ·   7 years ago

We have now released a new version 2.0.0. This supports Ionic Framework 2.0 Final

  ·   just now

{{ reply.comment }}



Hey there! You'll need to log in before you can leave a comment here.