CODEWITHSUNDEEP
angulartypescriptangular-ui-bootstrap
AlejoDev
AlejoDev

Reputation: 3252

Angular 6 Calendar with multiple date selection

my question is very simple, I need to show a calendar and let the user pick multiple dates - e.g. 1/2/2018, 1/3/2018, 1/4/2018. That is, not a range, but multiple dates.

In Angular 1.x, I used the Calendar Component MultiSelect directive on top of UI Bootstrap to accomplish this.

I am not able to find such solution for Angular 2+, either using ng-bootstrap some other library. Any points will be much appreciated.

My question is if anyone knows any component that meets this requirement, or how can I have the behavior I want with a known calendar such as ng-bootstrap?

Many thanks!

Upvotes: 0

Views: 2643

Answers (2)

Dan Mihalea
Dan Mihalea

Reputation: 184

There is a tool that uses Material Design from Angular, if you are working with it:
https://www.npmjs.com/package/ngx-multiple-dates

I used it in many projects where the requirement was to "cherry-pick" dates in order to insert bulk data.

Upvotes: 0

Thiyan Arumugam
Thiyan Arumugam

Reputation: 109

I think this component is suitable for your need. https://www.npmjs.com/package/multiple-date-picker-angular

Upvotes: 2

Related Questions