feat: add local time component (#661)

resources/views/local-time.blade.php

@@ -0,0 +1,23 @@
+@props([
+    'datetime',
+    'format',
+    'placeholder' => null,
+    'tooltipFormat' => null,
+])
+
+<span
+    x-data="{
+        datetime: dayjs({{ $datetime->timestamp }} * 1000),
+        format: '{{ $format }}',
+        output: '{{ $placeholder }}',
+        tooltip: null,
+    }"
+    x-init="
+        output = datetime.format(format);
+        @if($tooltipFormat)
+            tooltip = datetime.format('{{ $tooltipFormat }}');
+        @endif
+    "
+    x-text="output"
+    :data-tippy-content="tooltip"
+></span>

src/Support/DateFormat.php

@@ -11,4 +11,12 @@ class DateFormat
     const TIME_SHORT = 'd M Y H:i';
 
     const TIME_PARENTHESES = 'd M Y (H:i:s)';
+
+    const DATE_JS = 'D MMM YYYY';
+
+    const TIME_JS = 'D MMM YYYY HH:mm:ss';
+
+    const TIME_SHORT_JS = 'D MMM YYYY HH:mm';
+
+    const TIME_PARENTHESES_JS = 'D MMM YYYY (HH:mm:ss)';
 }

src/UserInterfaceServiceProvider.php

@@ -241,6 +241,7 @@ private function registerBladeComponents(): void
         Blade::component('ark::image-tile', 'ark-image-tile');
         Blade::component('ark::info', 'ark-info');
         Blade::component('ark::js-modal', 'ark-js-modal');
+        Blade::component('ark::local-time', 'ark-local-time');
         Blade::component('ark::logo', 'ark-logo');
         Blade::component('ark::logo-simple', 'ark-logo-simple');
         Blade::component('ark::loading-spinner', 'ark-loading-spinner');