@extends('layout')

@section('body')
    <h1 class="spacing-bottom-large">Spendings &middot; Create</h1>
    <div class="box spacing-small">
        <form method="POST" action="/spendings">
            {{ csrf_field() }}
            <label>Tag</label>
            <select name="tag_id">
                <option value="">-</option>
                @foreach ($tags as $tag)
                    <option value="{{ $tag->id }}">{{ $tag->name }}</option>
                @endforeach
            </select>
            <label>Date</label>
            <input type="text" name="date" />
            <label>Description</label>
            <input type="text" name="description" />
            <label>Amount</label>
            <input type="text" name="amount" />
            <input type="submit" value="Create" />
        </form>
    </div>
@endsection

@extends('layout')

@section('body')
    <h1 class="spacing-bottom-large">Spendings &middot; Create</h1>
    <div class="box spacing-small">
        <form method="POST" action="/spendings">
            {{ csrf_field() }}
            <label>Tag</label>
            <select name="tag_id">
                <option value="">-</option>
                @foreach ($tags as $tag)
                    <option value="{{ $tag->id }}">{{ $tag->name }}</option>
                @endforeach
            </select>
            <label>Date</label>
            <DatePicker></DatePicker>
            <label>Description</label>
            <input type="text" name="description" />
            <label>Amount</label>
            <input type="text" name="amount" />
            <input type="submit" value="Create" />
        </form>
    </div>
@endsection

Add DatePicker Vue component to spendings' create view
Add DatePicker Vue component to spendings' create view
