Merge branch 'Swap-date-time-picker-buttons' into 'master'

Swap deprecated time/date picker buttons

Closes #219837

See merge request gitlab-org/gitlab!39141

app/assets/javascripts/vue_shared/components/date_time_picker/date_time_picker.vue

 <script>
 import {
   GlIcon,
-  GlDeprecatedButton,
+  GlButton,
   GlDeprecatedDropdown,
   GlDeprecatedDropdownItem,
   GlFormGroup,
@@ -28,7 +28,7 @@ const events = {
 export default {
   components: {
     GlIcon,
-    GlDeprecatedButton,
+    GlButton,
     GlDeprecatedDropdown,
     GlDeprecatedDropdownItem,
     GlFormGroup,
@@ -250,10 +250,15 @@ export default {
             />
           </div>
           <gl-form-group>
-            <gl-deprecated-button @click="closeDropdown">{{ __('Cancel') }}</gl-deprecated-button>
-            <gl-deprecated-button variant="success" :disabled="!isValid" @click="setFixedRange()">
+            <gl-button @click="closeDropdown">{{ __('Cancel') }}</gl-button>
+            <gl-button
+              variant="success"
+              category="primary"
+              :disabled="!isValid"
+              @click="setFixedRange()"
+            >
               {{ __('Apply') }}
-            </gl-deprecated-button>
+            </gl-button>
           </gl-form-group>
         </gl-form-group>
         <gl-form-group