.row.text-center.align
    .col-5.col-sm-4.col-md-2
        .input
            input(
            placeholder="Leg" 
            v-model="journey.leg_get().title")

    .col-5.col-sm-4.col-md-2.mr-auto
        .input
            input(
            placeholder="Day"
            v-model="journey.leg_get().day_title[journey.sel_day]"
        )
    .col-8.col-sm-6.col-md-4
        .input
            //- label Date Range ({{ journey.leg_len() }})
            date-picker(
            :lang="lang",
            v-model="journey.leg_get().date_range",
            range="",
            format="ddd D MMM",
            placeholder="Date Range",
            v-on:change="journey.date_update(journey.sel_leg)"
        )
    .col-4.col-sm-4.col-md-3.ml-auto
        .input
            input(
            disabled="",
            :value="journey.date_sel() + ' (' + journey.sel_day + ')'"
            )
        //- .col-6.list-group-item.align.center.bg-white(style="padding: 0.5rem 0;")
        //-   i.fas.fa-angle-double-right(v-on:click.prevent="journey.day_next()")
              .col-sm-1.text-small
       
        //- a(href="#prev", v-on:click.prevent="journey.day_prev()")
          i.fas.fa-angle-left