@props(['period'])

<div {{ $attributes->class('flex items-center gap-2') }}>
    <button type="button" wire:click="shiftMonth(-1)" class="btn-secondary px-3" aria-label="Previous month">&larr;</button>
    <input type="month" wire:model.live="month" value="{{ $period->key() }}" class="input w-auto" aria-label="Month">
    <button type="button" wire:click="shiftMonth(1)" class="btn-secondary px-3" aria-label="Next month">&rarr;</button>
</div>