refactoring allStyles styleStyle -> style-style

src/components/Calendar/calendarComponent.scss

@@ -226,7 +226,7 @@
   }
 }
 
-.selectDays {
+.select-days {
   border-style: dashed !important;
 
   &:hover {
@@ -234,7 +234,7 @@
   }
 }
 
-.selectedDay {
+.selected-day {
   background-color: #edf1ff !important;
 
   &:hover {
@@ -267,7 +267,7 @@
   pointer-events: none;
 }
 
-.selectDateRange {
+.select-date-range {
   display: flex;
   align-items: center;
   column-gap: 16px;
@@ -293,7 +293,7 @@
 }
 
 @media (max-width: 575.98px) {
-  .selectDateRange {
+  .select-date-range {
     font-size: 14px;
     text-align: center;
     column-gap: 8px;