chore(dateRange): changing the order of the dialog buttons to match WC

Author: Ivan Kitanov

projects/igniteui-angular/src/lib/date-common/calendar-container/calendar-container.component.html

@@ -1,6 +1,15 @@
 <ng-template #defaultPickerActions>
     @if (closeButtonLabel || cancelButtonLabel || todayButtonLabel) {
         <div class="igx-date-picker__buttons">
+            @if (cancelButtonLabel) {
+            <button
+            #cancelButton type="button"
+            igxButton="flat" igxRipple
+            (click)="calendarCancel.emit({ owner: this})"
+            >
+                {{ cancelButtonLabel }}
+            </button>
+            }
             @if (closeButtonLabel) {
                 <button
                     #closeButton
@@ -12,15 +21,6 @@
                     {{ closeButtonLabel }}
                 </button>
             }
-            @if (cancelButtonLabel) {
-            <button
-            #cancelButton type="button"
-            igxButton="flat" igxRipple
-            (click)="calendarCancel.emit({ owner: this})"
-            >
-                {{ cancelButtonLabel }}
-            </button>
-            }
             @if (todayButtonLabel) {
                 <button
                     #todayButton