diff --git a/src/components/AppHeader.vue b/src/components/AppHeader.vue
index bb8e754..01ea059 100644
--- a/src/components/AppHeader.vue
+++ b/src/components/AppHeader.vue
@@ -26,7 +26,7 @@
     </div>
     <div class="clock">
       <div>
-        <DesignTime :time="time" />
+        <UiClock :time="time" />
       </div>
     </div>
   </header>
@@ -35,13 +35,13 @@
 <script lang="ts">
 import Vue from 'vue'
 import LineIcon from '@/components/LineIcon.vue'
-import DesignTime from '@/components/ui/UiTime.vue'
+import UiClock from '@/components/ui/UiClock.vue'
 import { Time } from '@/utils/time'
 export default Vue.extend({
   name: 'AppHeader',
   components: {
     LineIcon,
-    DesignTime,
+    UiClock,
   },
   data: () => ({
     clockInterval: 0,
diff --git a/src/components/ui/Schedules/UiSchedulesDetailsTimeInline.vue b/src/components/ui/Schedules/UiSchedulesDetailsTimeInline.vue
index 862114c..f5a990a 100644
--- a/src/components/ui/Schedules/UiSchedulesDetailsTimeInline.vue
+++ b/src/components/ui/Schedules/UiSchedulesDetailsTimeInline.vue
@@ -4,20 +4,20 @@
       {{ label }}
     </div>
     <div class="value">
-      <UiTime :time="time" />
+      <UiClock :time="time" />
     </div>
   </div>
 </template>
 
 <script lang="ts">
 import Vue, { PropType } from 'vue'
-import UiTime from '@/components/ui/UiTime.vue'
+import UiClock from '@/components/ui/UiClock.vue'
 import { Time, toTime } from '@/utils/time'
 
 export default Vue.extend({
   name: 'UiSchedulesDetailsTimeInline',
   components: {
-    UiTime,
+    UiClock,
   },
   props: {
     label: String,
diff --git a/src/components/ui/Schedules/UiSchedulesDetailsTimeWrapped.vue b/src/components/ui/Schedules/UiSchedulesDetailsTimeWrapped.vue
index 2dfb597..b49c1e9 100644
--- a/src/components/ui/Schedules/UiSchedulesDetailsTimeWrapped.vue
+++ b/src/components/ui/Schedules/UiSchedulesDetailsTimeWrapped.vue
@@ -3,7 +3,7 @@
     <div class="label">
       {{ label }}
     </div>
-    <UiTime
+    <UiClock
       :time="time"
       :text-gray="isTimeTextGray"
     />
@@ -18,13 +18,13 @@
 
 <script lang="ts">
 import Vue, { PropType } from 'vue'
-import UiTime from '@/components/ui/UiTime.vue'
+import UiClock from '@/components/ui/UiClock.vue'
 import { Time, toTime } from '@/utils/time'
 
 export default Vue.extend({
   name: 'UiSchedulesDetailsTimeWrapped',
   components: {
-    UiTime,
+    UiClock,
   },
   props: {
     label: String,
diff --git a/src/components/ui/UiTime.vue b/src/components/ui/UiClock.vue
similarity index 97%
rename from src/components/ui/UiTime.vue
rename to src/components/ui/UiClock.vue
index 1546286..d5cf84d 100644
--- a/src/components/ui/UiTime.vue
+++ b/src/components/ui/UiClock.vue
@@ -14,7 +14,7 @@
 import { Time } from '@/utils/time'
 import Vue, { PropType } from 'vue'
 export default Vue.extend({
-  name: 'UiTime',
+  name: 'UiClock',
   props: {
     time: {} as PropType<Time>,
     textGray: Boolean,