Update lang and svg rendering

Author: rawilk

resources/lang/en/messages.php

@@ -12,4 +12,8 @@
     'timezone_select_placeholder' => 'Select a timezone',
     'switch_button_label' => 'Turn on',
     'optional' => 'Optional',
+    'date_picker_toggle_icon_title' => 'Select a date',
+    'date_picker_clear_button' => 'Clear selected',
+    'password_show_toggle_title' => 'Show',
+    'password_hide_toggle_title' => 'Hide',
 ];

resources/views/components/inputs/date-picker.blade.php

@@ -21,10 +21,10 @@ class="{{ $getContainerClass() }}"
         <span x-on:click="fp.open()"
               class="leading-addon cursor-pointer inline-flex items-center px-3 rounded-l-md border border-r-0 border-blue-gray-300 bg-blue-gray-50 text-blue-gray-500 sm:text-sm"
               role="button"
-              title="{{ __('Select a date') }}"
+              title="{{ __('form-components::messages.date_picker_toggle_icon_title') }}"
         >
             <span class="h-5 w-5 text-blue-gray-400">
-                {{ svg($toggleIcon) }}
+                <x-dynamic-component :component="$toggleIcon" />
             </span>
         </span>
     @else
@@ -60,8 +60,8 @@ class="leading-addon cursor-pointer inline-flex items-center px-3 rounded-l-md b
                     class="form-input-clear h-6 w-6 group rounded-full p-1 hover:bg-blue-gray-200 focus:outline-blue-gray transition-colors"
                     type="button"
             >
-                <span class="sr-only">{{ __('Clear selected') }}</span>
-                <span class="h-4 w-4 text-blue-gray-400 group-hover:text-blue-gray-600">{{ svg($clearIcon) }}</span>
+                <span class="sr-only">{{ __('form-components::messages.date_picker_clear_button') }}</span>
+                <span class="h-4 w-4 text-blue-gray-400 group-hover:text-blue-gray-600"><x-dynamic-component :component="$clearIcon" /></span>
             </button>
         </div>
     @else

resources/views/components/inputs/password.blade.php

@@ -31,7 +31,7 @@ class="{{ $containerClass() }}"
 
     @if ($showToggle)
         <div x-on:click="show = ! show"
-             x-bind:title="show ? '{{ __('Hide') }}' : '{{ __('Show') }}'"
+             x-bind:title="show ? '{{ __('form-components::messages.password_hide_toggle_title') }}' : '{{ __('form-components::messages.password_show_toggle_title') }}'"
              class="trailing-icon password-toggle clickable pr-3 flex items-center bg-white border rounded-md rounded-l-none border-l-0 {{ $hasErrorsAndShow($name) ? 'border-red-300' : 'border-blue-gray-300 group-focus:border-blue-300' }}"
              x-cloak
         >