fix(flatpickr): prevent inadvertent text selection in DatePicker (#…

…10377)

* fix(flatpickr): prevent text selection when clicking flatpickr buttons

* chore: also apply fix to package `styles`

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
Co-authored-by: TJ Egan <tw15egan@gmail.com>

packages/components/src/components/date-picker/_flatpickr.scss

@@ -211,6 +211,7 @@
     cursor: pointer;
     transition: background-color $duration--fast-01 motion(standard, productive);
     fill: $icon-01;
+    user-select: none;
 
     &:hover {
       background-color: $hover-ui;

packages/styles/scss/components/date-picker/_flatpickr.scss

@@ -219,6 +219,7 @@
     text-decoration: none;
     transform: scale(1, 1) #{'/*rtl: scale(-1,1)*/'};
     transition: background-color $duration-fast-01 motion(standard, productive);
+    user-select: none;
     // Windows HCM fix
     @include high-contrast-mode('icon-fill');