Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Date Ranger Picker Not working on Angular Fresh Install. #938

Open
andrew-g-mcdonald opened this issue Jul 31, 2024 · 0 comments
Open

Date Ranger Picker Not working on Angular Fresh Install. #938

andrew-g-mcdonald opened this issue Jul 31, 2024 · 0 comments

Comments

@andrew-g-mcdonald
Copy link

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant