CakePHP Date Picker

Folder Structure:

Controller:

 File location - cakephp/src/controller/HomepageController.php

namespace App\Controller;
use Cake\Controller\Controller;
class HomepageController extends Controller{    public function index()    {       // $this->render('index');    }}

Index:

 File location - cakephp/src/Template/Homepage/index.ctp

Layout:

  File location - cakephp/src/Template/Layout/default.ctp

    Html->charset() ?>

   

   

    Html->meta('icon') ?>

    Html->css('base.css') ?>

    Html->css('cake.css') ?>

    Html->css('datepicker.css') ?>

    Html->script('jquery-3.2.1.min.js') ?>

    Html->script('bootstrap-datepicker.js') ?>

    fetch('meta') ?>

    fetch('css') ?>

    fetch('script') ?>

    fetch('content') ?>     

Webroot Files:

  JS - include the .js files in the following path.

   - cakephp/webroot/js/jquery-3.2.1.min.js

   - cakephp/webroot/js/bootstrap-datepicker.js

  CSS - include the .css files in the following path.

  - cakephp/webroot/css/datepicker.css

Brower View:

  Initial View

  After clicking the month

  After clicking the month