When I select date in gijgo datepicker current date is subtracted 1 year

[sergeynilov]

Hello, In my laravel 8 / Bootstrap 4/ app I use gijgo datepicker and when form is opened with data in gijgo datepicker it shows valid value, but if I clicked date selection when dialog is opened , but with date 1 year subtructed from the date in gijgo datepicker input. I define expire_date field in blade page and see valid date:

                $ad->expire_date::{{ $ad->expire_date }}
                <dl class="block_2columns_md m-0 p-2">
                    <dt class="horiz_divider_left_13">
                        <label class="col-form-label" for="expire_date">
                            Expire date<span class="required" aria-required="true"> * </span>
                        </label>
                    </dt>
                    <dd class="horiz_divider_right_23">
                        {!! Form::text('expire_date',
                            $ad->expire_date ?? '' ,
                            ['class' => 'form-control editable_field text-right', 'id'=>'expire_date', 'autocomplete'=>'off', "id"=>"expire_date"]
                        ) !!}
                    </dd>
                </dl>
                ...


@section('scripts')
    
    <link href="{{ asset('css/gijgo.min.css') }}" rel="stylesheet" type="text/css">
    <script src="{{ asset('node_modules/tinymce/tinymce.js') }}"></script>
    <script src="{{ asset('js/[email protected]') }}"></script>
    <script src="{{ asset('js/gijgo.min.js') }}"></script>
    
    <script>
        jQuery.noConflict();  //Not to conflict with other scripts
        jQuery(document).ready(function ($) {
            ...
            if ($('#expire_date').length) {
                $('#expire_date').datepicker({
                    uiLibrary: 'bootstrap4',
                    iconsLibrary: 'fontawesome',
                    showOtherMonths: true,
                    selectOtherMonths: true,
                    format: 'dd mmmm, yyyy',
                    footer: true,
                    modal: true, // if to set this parameter to false I have the same problem
                    change: function (e) {
                        alert('Change is fired : '+e.target.value);
                    }
                });
            }

This error date is set only once, on first date picker open...

In my package.json :

{
    "private": true,
    "scripts": {
        "dev": "npm run development",
        "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --config=node_modules/laravel-mix/setup/webpack.config.js",
        "watch": "npm run development -- --watch",
        "watch-poll": "npm run watch -- --watch-poll",
        "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --disable-host-check --config=node_modules/laravel-mix/setup/webpack.config.js",
        "prod": "npm run production",
        "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --config=node_modules/laravel-mix/setup/webpack.config.js"
    },
    "devDependencies": {
        "axios": "^0.19",
        "bootstrap": "^4.5.0",
        "cross-env": "^7.0",
        "font-awesome": "^4.7.0",
        "jquery": "^3.5",
        "laravel-mix": "^5.0.1",
        "lodash": "^4.17.19",
        "popper.js": "^1.12",
        "resolve-url-loader": "^3.1.0",
        "sass": "^1.15.2",
        "sass-loader": "^8.0.0",
        "vue-template-compiler": "^2.6.12"
    },
    "dependencies": {
        "bootstrap-notify": "^3.1.3",
        "jquery-confirm": "^3.3.4",
        "laravel-echo": "^1.10.0",
        "pusher-js": "^7.0.2",
        "tinymce": "^5.6.2",
        "toastr": "^2.1.4",
        "twilio-chat": "^4.1.0",
        "twilio-client": "^1.9.7",
        "twilio-video": "^1.20.1",
        "vue": "^2.6.12",
        "vue-native-websocket": "^2.0.14",
        "vuex": "^3.6.0"
    }
}

and in resources/js/bootstrap.js:

window._ = require('lodash');


try {
    window.Popper = require('popper.js').default;
    window.$ = window.jQuery = require('jquery');
    window.confirm =  require('jquery-confirm')

    window.toastr =  require('toastr')

    require('bootstrap');
    require('toastr');
    require('bootstrap-notify'); //     <script src="{{ asset('/js/jquery.bootstrap-growl.min.js') }}"></script>

} catch (e) {}


window.axios = require('axios');

window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';

How it can be fixed?

Thanks!