flowbite icon indicating copy to clipboard operation
flowbite copied to clipboard

Date Ranger Picker Not working on Angular Fresh Install.

Open andrew-g-mcdonald opened this issue 1 year ago • 0 comments

Describe the bug Date Range Picker doesn't have correct interactivity when used within an new Angular application.

To Reproduce Steps to reproduce the behavior: Using this Stackblitz as a vanilla Angular 18 environment, with Flowbite installed...

  1. Click on the start range date and select a date
  2. Click a second time and you should get the date set into the end input and a nice highlighted range for the dates.

https://stackblitz.com/edit/stackblitz-starters-g3qzed?file=src%2Fmain.ts

Expected behavior It should work as per the component example on the Flowbite site: https://flowbite.com/docs/components/datepicker/#date-range-picker

Screenshots If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

  • OS: macOS 14.3.1
  • Browser: Firefox or Chrome
  • Version Chrome: 126.0.6478.183 and Firefox: 128.0.3

Additional context Although my example is in Stackblitz, if I follow the guide as per https://flowbite.com/docs/getting-started/angular/ locally it has the same broken behavior. However, if I clone the the Angular Starter Project you've provided and upgrade it to 18, it appears to work. I cannot for the life of me work out why there is a difference with a fresh install and the starter project you have provided.

I even attempted to see if it was something to do with Angular standalone components vs using modules but that didn't make a difference... stumped.

andrew-g-mcdonald avatar Jul 31 '24 08:07 andrew-g-mcdonald