chore(datetime): fix prettier formatting in range test page

Author: OS-susmitabhowmik

core/src/components/datetime/test/range/index.html

@@ -243,7 +243,7 @@ <h3>showDefaultButtons — Confirm / Cancel behavior</h3>
         <div class="grid">
           <div class="grid-item">
             <h2>Confirm Disabled Until Range Complete</h2>
-            <p style="font-size:12px;color:#6f7378;margin:4px 5px">
+            <p style="font-size: 12px; color: #6f7378; margin: 4px 5px">
               Click one day → confirm button stays disabled. Click a second day → confirm enables.
             </p>
             <ion-datetime
@@ -257,7 +257,7 @@ <h2>Confirm Disabled Until Range Complete</h2>
 
           <div class="grid-item">
             <h2>Cancel Resets Partial Range</h2>
-            <p style="font-size:12px;color:#6f7378;margin:4px 5px">
+            <p style="font-size: 12px; color: #6f7378; margin: 4px 5px">
               Click one day to set a start date, then Cancel → selection clears entirely.
             </p>
             <ion-datetime
@@ -279,7 +279,7 @@ <h2>--range-background CSS Variable</h2>
               id="rangeBackground"
               presentation="date"
               selection-mode="range"
-              style="--range-background: rgba(235, 68, 90, 0.1);"
+              style="--range-background: rgba(235, 68, 90, 0.1)"
             ></ion-datetime>
           </div>
 
@@ -301,7 +301,7 @@ <h2>Combined Styling</h2>
               id="rangeCombined"
               presentation="date"
               selection-mode="range"
-              style="--range-background: rgba(56, 128, 255, 0.1);"
+              style="--range-background: rgba(56, 128, 255, 0.1)"
               class="range-combined-demo"
             ></ion-datetime>
           </div>