Bootstrap Выбор даты, показывающий разные даты на входе и всплывающий календарь

Question

Я использую Bootstrap DatePicker и в модальном.

              <div class="modal-content">
            <div class="modal-header Modal">
                <button type="button" class="close" @click="cancel()" data-dismiss="modal" style="color:white;">&times;</button>
                <p>This is a header</p>
            </div>
            <div class="modalContent">
                <p>TSome random text</p>
                <p><b>Effective Date:</b></p>
                <div class="input-group date" data-provide="datepicker" style="width:200px;">
                    <input type="text" class="form-control" id="effectivedate" value="01/01/2000">
                    <div class="input-group-addon">
                        <span class="glyphicon glyphicon-th" style="color:#2e6da4;"></span>
                    </div>
                </div>
            </div>
            <div class="modalFooter">
                <button class="btn-primary" style="border-width:0px!important;" @click="save()" data-dismiss="modal">Save Update</button>
                <button class="btn-secondary" @click="cancel()" data-dismiss="modal">Cancel</button>
            </div>
        </div>
<script>
import { mapState } from 'vuex';     

export default {
    data() {
        return {

        }
    },
    computed: mapState({
        AlertPageHeader: state => state.AlertPageHeader,
        CurrentTableID: state => state.CurrentTableID,
        CurrentAlertID: state => state.CurrentAlertID
    }),

    methods: {
        save: function () {
            UpdatePatientTypeIndicator(this.CurrentTableID, this.CurrentAlertID, document.getElementById("effectivedate").value);
            document.getElementById("effectivedate").value = "01/01/2010";
        },
        cancel: function () {
            document.getElementById("effectivedate").value = "01/01/2010";

        },

    }
}

По умолчанию для выбора даты по умолчанию задано значение, и оно отлично отображается при начальной загрузке. Проблема возникает после того, как пользователь выбирает произвольную дату, отменяет / сохраняет ее и снова открывает модальное окно. поле ввода показывает дату по умолчанию, но календарь показывает драгоценную выбранную дату.

Я новичок во всем этом.