When I choose date, my value is not in MM/DD/YYYY format?
<div
x-data="{ value: @entangle('birthday') }"
x-init="new Pikaday({ field: $refs.input, format: 'MM/DD/YYYY' })"
x-on:change="value = $event.target.value"
class="grid grid-cols-3 gap-6">
<div class="col-span-3 sm:col-span-2">
<label for="company_website" class="block text-sm font-medium text-gray-700">
Birthday
</label>
<div class="mt-1 flex rounded-md shadow-sm">
<input
x-bind:value="value"
x-ref="input"
type="text" name="company_website" id="company_website" class="focus:ring-indigo-500 focus:border-indigo-500 flex-1 block w-full rounded-none rounded-r-md sm:text-sm border-gray-300" placeholder="MM/DD/YYYY">
@error('birthday')
<p class="text-red-500 mt-1">{{ $message }}</p>
@enderror
</div>
</div>
</div>