wip

tallstackui · Mar 7, 2024 · 14170b9 · 14170b9
1 parent 12c50fb
commit 14170b9
Show file tree

Hide file tree

Showing 5 changed files with 34 additions and 4 deletions.
diff --git a/app/Enums/Examples/Form/Input.php b/app/Enums/Examples/Form/Input.php
@@ -24,6 +24,17 @@ class Input
     public const PREFIX_SUFFIX = <<<'HTML'
     <x-input prefix="https://" label="Domain" />
     <x-input suffix="@gmail.com" label="E-mail" />
+
+    <!-- or -->
+
+    <x-input>
+        <x-slot:prefix>
+            Prefix
+        </x-slot:prefix>
+        <x-slot:suffix>
+            Suffix
+        </x-slot:suffix>
+    </x-input>
     HTML;
 
     public const INVALIDATE = <<<'HTML'

diff --git a/resources/views/components/top-bar.blade.php b/resources/views/components/top-bar.blade.php
@@ -1,3 +1,3 @@
-<x-banner :color="['background' => 'bg-pink-900', 'text' => 'text-white']">
-    The <b class="underline">summer release</b> is here 🏄🏻 A new release with lots of new features.
+<x-banner :color="['background' => 'bg-pink-900', 'text' => 'text-white']" until="2024-03-31">
+    The <a href="{{ route('documentation.summer-release') }}" class="underline">summer release is here</a> 🏖 A big release with lots of new features.
 </x-banner>
diff --git a/resources/views/documentation/summer-release.blade.php b/resources/views/documentation/summer-release.blade.php
@@ -1,6 +1,6 @@
 <x-layout torchlight>
     <x-slot:title>
-        The Summer Release 🏖 (v1.20)
+        The Summer Release 🏖
     </x-slot:title>
     <p class="mt-4 text-gray-600 dark:text-dark-400">
         After more than 30 days of work, <b>we present the Summer Release!</b>

diff --git a/resources/views/livewire/welcome/form.blade.php b/resources/views/livewire/welcome/form.blade.php
@@ -59,7 +59,7 @@
                 </div>
                 <div class="col-span-1">
                     <x-input label="E-mail *"
-                             hint="Use your g-mail"
+                             hint="Use your Gmail"
                              suffix="@gmail.com"
                              wire:model="email" />
                 </div>

diff --git a/resources/views/welcome.blade.php b/resources/views/welcome.blade.php
@@ -285,6 +285,25 @@ class="h-full antialiased"
                                     </dd>
                                 </div>
                             </dl>
+                            <h2 class="pt-4 flex justify-center text-2xl font-medium text-gray-700 dark:text-gray-300">Date Picker 👇🏻</h2>
+                            <dl class="grid max-w-xl grid-cols-1 gap-x-8 gap-y-16 lg:max-w-none lg:grid-cols-1">
+                                <div class="flex flex-col">
+                                    <dd class="mt-4 text-base leading-7 text-gray-300 space-y-2">
+                                        <x-date label="Normal" :value="now()->format('Y-m-d')" format="DD, MMMM, YYYY" />
+                                        <x-date label="Range" range :value="[now()->format('Y-m-d'), now()->addWeek()->format('Y-m-d')]" format="DD, MMMM, YYYY" />
+                                        <x-date label="Multiple" multiple :value="[now()->format('Y-m-d'), now()->addDay()->format('Y-m-d')]" format="DD, MMMM, YYYY" />
+                                    </dd>
+                                </div>
+                            </dl>
+                            <h2 class="pt-4 flex justify-center text-2xl font-medium text-gray-700 dark:text-gray-300">Time Picker 👇🏻</h2>
+                            <dl class="grid max-w-xl grid-cols-1 gap-x-8 gap-y-16 lg:max-w-none lg:grid-cols-1">
+                                <div class="flex flex-col">
+                                    <dd class="mt-4 text-base leading-7 text-gray-300 space-y-2">
+                                        <x-time label="Format 12 Hours" :value="now()->format('h:i')" helper />
+                                        <x-time label="Format 24 Hours" :value="now()->format('h:i')" format="24" helper />
+                                    </dd>
+                                </div>
+                            </dl>
                             <h2 class="pt-4 flex justify-center text-2xl font-medium text-gray-700 dark:text-gray-300">Select Through API 👇🏻</h2>
                             <dl class="grid max-w-xl grid-cols-1 gap-x-8 gap-y-16 lg:max-w-none lg:grid-cols-1">
                                 <div class="flex flex-col">