Practice calendar - <select> widths update

resources/views/app/practice-management/calendar.blade.php

@@ -70,7 +70,7 @@
             <div class="ml-auto d-inline-flex align-items-center">
                 <label class="mr-2 my-0 text-secondary">Show</label>
                 <select id="eventTypes"
-                        class="form-control form-control-sm w-180"
+                        class="form-control form-control-sm"
                         v-model="eventTypes"
                         v-on:change="refreshEvents()">
                     <option value="APPOINTMENTS">Active Appointments</option>
@@ -83,7 +83,7 @@
             <div class="ml-3 d-inline-flex align-items-center">
                 <label class="mr-2 my-0 text-secondary">Timezone</label>
                 <select id="eventTz" name="timeZone"
-                        class="form-control form-control-sm w-180"
+                        class="form-control form-control-sm min-width-unset"
                         v-model="timezone">
                     <option value="EASTERN" selected>Eastern</option>
                     <option value="CENTRAL">Central</option>
@@ -397,11 +397,11 @@
                         initSelect2: function () {
                             let self = this;
                             $('#eventTz')
-                                .select2({
+                                /*.select2({
                                     templateResult: function(_state) {
                                         return $('<span class="mcp-theme-1"><span>' + _state.text + '</span></span>');
                                     }
-                                })
+                                })*/
                                 .on('change', function() {
                                     self.timezone = $(this).val();
                                     @if($pro->pro_type == 'ADMIN')