ionic-framework icon indicating copy to clipboard operation
ionic-framework copied to clipboard

refactor(datetime): remove usage of ion-buttons and Phosphor icons

Open brandyscarney opened this issue 1 month ago • 1 comments

Issue number: N/A


What is the current behavior?

The Datetime component breaks CSP rules due to the following:

  1. Datetime is using ion-buttons which uses scoped encapsulation.
  2. When using the ionic theme, it imports Phosphor icons as data URIs, which are blocked by connect-src 'self' blob:.

What is the new behavior?

  • Remove all usages of ion-buttons, removing the dependency on a scoped component
  • Remove all references to Phosphor icons
  • Updates the styling to account for the removal of ion-buttons

Does this introduce a breaking change?

  • [ ] Yes
  • [x] No

Other information

All screenshot diffs are expected

  • The majority are just rendering differences as I could not see any difference locally
  • The ionic theme changes are due to the icon changing

brandyscarney avatar Nov 05 '25 18:11 brandyscarney