Javascript-форум - При выборе диапазона дат отображать нужный диапазон в виде текста

Здравствуйте!
Подскажите, пожалуйста, есть виджет с датами (от-до), при выборе нужных дат после нажатия на кнопку "ОК" нужно, чтобы выбранный диапазон появился в виде текста на другой кнопке(id="one"), а после нажатия кнопки "Очистить" -> сбрасывался

<form>
<div class="widthk">
    <div class="">Начало</div>
    <?= DatePicker::widget([
        'name' => 'fromdate',
        'type' => DatePicker::TYPE_COMPONENT_PREPEND,
        'language' => 'ru',
        'options' => [
            'placeholder' => '',
        ],
        'value'=>$fromdate,
        'pluginOptions' => [
            'endDate' => date('d-m-Y'),
            'autoclose' => true,
            'format' => 'dd.mm.yyyy',
            'dataFormat' => 'yyyy-mm-dd',
            'todayHighlight' => true,
        ],
    ]);
    ?>
    <div>Конец</div>
    <?= DatePicker::widget([
        'name' => 'todate',
        'type' => DatePicker::TYPE_COMPONENT_PREPEND,
        'language' => 'ru',
        'value'=>$todate,
        'options' => [
            'placeholder' => '',
        ],
        'pluginOptions' => [
            'endDate' => date('d-m-Y'),
            'autoclose' => true,
            'format' => 'dd.mm.yyyy',
            'dataFormat' => 'yyyy-mm-dd',
            'todayHighlight' => true,
        ],
    ]);
    ?>
     <button type="submit" class="btn btn-primary" onclick="location.href='reports'" id="ok"><i class="fas fa-check"></i>OK</button>
    <button type="button" class="btn btn-primary" onclick="location.href='reports'" id="reset"><i class="far fa-trash-alt"></i>Очистить</button>
</div>
</form>
<button type="button" class="btn btn-primary" id="one"><i class="far fa-trash-alt"></i>One</button>