Livewire assuming date inputs are in UTC

@neilstee Here is the model, but it's not an issue with persisting the data is the hydration of the data on input that's the problem.

###ServicePeriodsTable.php

<?php

namespace App\Http\Livewire;

use App\ServicePeriod;
use App\Traits\HasEditableRows;
use Livewire\Component;

class ServicePeriodsTable extends Component
{
    use HasEditableRows;

    protected $model_class = ServicePeriod::class;

    protected function rules()
    {
        return [
            'model.name' => ['nullable'],
            'model.start_date' => ['nullable'],
            'model.end_date' => ['nullable']
        ];
    }

    public function render()
    {
        return view('livewire.service-periods-table', [
            'service_periods' => ServicePeriod::query()
            ->orderBy('start_date')
            ->get()
        ]);
    }
}

HasEditableRows.php (trait)

<?php

namespace App\Traits;

use App\Exceptions\NotImplementedException;
use Illuminate\Database\Eloquent\Model;
use Illuminate\Foundation\Auth\Access\AuthorizesRequests;

trait HasEditableRows
{
    use FlashesCRUDStatus, AuthorizesRequests;

    public function initializeHasEditableRows() {
        $this->listeners = [
            'newModel' => 'showCreateForm',
            'deleteModel' => 'delete'
        ];
    }

    /**
     * Index of row being edited
     *
     * @var int|null
     */
    public $editedRowIndex = null;

    /**
     * Details of model being edited
     *
     * @var Model
     */
    public $model = null;

    /**
     * Name of field to be used for flashing CRUD messages
     *
     * @var string
     */
    protected $flash_field = 'name';

    /**
     * Check that model class is set
     *
     * @throws NotImplementedException
     * @return void
     */
    protected function checkModelClassSet()
    {
        if (! $this->model_class) {
            throw new NotImplementedException('Model type has not been defined in the base class. Please add a protected $model_type attribute.');
        }
    }

    /**
     * Show the new model modal
     *
     * @return void
     */
    public function showCreateForm()
    {
        $this->resetForm();

        $this->dispatchBrowserEvent('new-model');
    }

    /**
     * Cancel creating a model and close modal
     *
     * @return void
     */
    public function cancelCreate()
    {
        $this->resetForm();
    }

    /**
     * Store a new model in the database
     *
     * @return void
     */
    public function store()
    {
        $this->checkModelClassSet();
        $this->authorize('create', $this->model_class);

        $model = $this->model_class::create($this->validate()['model']);
        $this->dispatchBrowserEvent('close-modal');
        $this->dispatchBrowserEvent('flash', $this->getAddMessage($model->{$this->flash_field}));

        $this->resetForm();
    }

    /**
     * Set the given row to edit mode
     *
     * @param array $model
     * @param int $index
     * @return void
     */
    public function editRow($model, $index)
    {
        $this->model = $this->retreiveModel($model['id']);
        $this->editedRowIndex = $index;
    }

    /**
     * Cancel a row being edited
     *
     * @return void
     */
    public function cancelEdit()
    {
        $this->resetForm();
    }

    /**
     * Update the model in the database
     *
     * @return void
     */
    public function update()
    {
        dd($this->model);
        $this->checkModelClassSet();
        $this->authorize('update', $this->model);

        $this->model->update($this->validate()['model']);
        $this->dispatchBrowserEvent('flash', $this->getUpdateMessage($this->model->{$this->flash_field}));

        $this->resetForm();
    }

    /**
     * Delete the model from the database
     *
     * @param array $args
     * @return void
     */
    public function delete($args)
    {
        $this->checkModelClassSet();
        $model = $this->retreiveModel($args['model']['id']);

        $this->authorize('delete', $model);
        $model->delete();
        $this->dispatchBrowserEvent('flash', $this->getDeleteMessage($model->{$this->flash_field}));

        $this->resetForm();
    }

    /**
     * Listener when a field is updated
     *
     * @param mixed $value
     * @return void
     */
    public function updated($value)
    {
        $this->resetErrorBag($value);
    }

    /**
     * Reset the form to a read-only state
     *
     * @return void
     */
    protected function resetForm()
    {
        if (method_exists($this, 'resetModel')) {
            $this->resetModel();
        } else {
            $this->model = new $this->model_class;
        }
        $this->editedRowIndex = null;
        $this->resetErrorBag();
    }

    /**
     * Retrieve the model from the database
     *
     * @param string $id
     * @return Model
     */
    protected function retreiveModel($id)
    {
        return $this->model_class::findOrFail($id);
    }
}

Livewire/Alpine input

<input
    x-data
    x-ref="input"
    x-init="new Pikaday({
        field: $refs.input,
        format: 'DD/MM/YY',
        onSelect: function(dateText) {
            @this.set('model.start_date', moment(dateText))
            },
        })"
        type="text"
        value="{{ $model && $model->start_date ? $model->start_date->format('m/d/y') : today() }}"
        class="form-input block w-full pr-10 sm:text-sm sm:leading-5"
>