Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
Light
Dark
System
Ask  Question

Date Dropdown


Hi
I'm using laravel starterkit, and i'm having trouble implementing date dropdown,
i'm trying to implement the date from this html template :

html/demo1/dist/apps/invoices/create.html

to my laravel blade.
the input are there but nothing happens when clicking.

although the date input works just fine with modal forms (like the new target from html/demo1/dist/utilities/modals/forms/new-target.html)


M
MOUNIR FIDRAMAN 3 years ago
Laravel
5 Answers
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (5)

user
manzar rao 3 months ago

Champion feat: While you have a bardic song active, you gain a +1 bonus to ranged attacks with your bow.

Raped


user
Faizal Author 3 years ago

Hi Mounir,

Could you please verify the console log if there is any JS errors?

Thanks


M
MOUNIR FIDRAMAN 3 years ago

Yes
<img src=" />


user
Sean Author 3 years ago

Hi,

Could you please send us a chrome dev tools console screenshot? The one you attached is the header's screenshot, we need to see if there is any JS errors.

Regards.


M
MOUNIR FIDRAMAN 3 years ago

this is the code fore the datepicker input : 

<!--begin::Input group-->

                                    <div class="d-flex align-items-center flex-equal fw-row me-4 order-2" data-bs-toggle="tooltip" data-bs-trigger="hover" title="Specify invoice date">

                                        <!--begin::Date-->

                                        <div class="fs-6 fw-bold text-gray-700 text-nowrap">Date:</div>

                                        <!--end::Date-->

                                        <!--begin::Input-->

                                        <div class="position-relative d-flex align-items-center w-150px">

                                            <!--begin::Datepicker-->

                                            <input class="form-control form-control-transparent fw-bold pe-5" placeholder="Select date" name="invoice_date" />

                                            <!--end::Datepicker-->

                                            <!--begin::Icon-->

                                            <!--begin::Svg Icon | path: icons/duotune/arrows/arr072.svg-->

                                            <span class="svg-icon svg-icon-2 position-absolute ms-4 end-0">

                                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="

                                                    <path d="M11.4343 12.7344L7.25 8.55005C6.83579 8.13583 6.16421 8.13584 5.75 8.55005C5.33579 8.96426 5.33579 9.63583 5.75 10.05L11.2929 15.5929C11.6834 15.9835 12.3166 15.9835 12.7071 15.5929L18.25 10.05C18.6642 9.63584 18.6642 8.96426 18.25 8.55005C17.8358 8.13584 17.1642 8.13584 16.75 8.55005L12.5657 12.7344C12.2533 13.0468 11.7467 13.0468 11.4343 12.7344Z" fill="currentColor" />

                                                </svg>

                                            </span>

                                            <!--end::Svg Icon-->

                                            <!--end::Icon-->

                                        </div>

                                        <!--end::Input-->

                                    </div>

                                    <!--end::Input group-->


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(