monim67/django-flatpickr

Flatpicker based DatePickerInput, TimePickerInput and DateTimePickerInput with date-range-picker functionality for django >= 2.0

django-flatpickr's Issues

Does not works in Bootstrap modal

Hi @monim67
Thanks for this module!
I faced with issue that it does not works in the Bootstrap modal as initialization JS waiting for DOMContentLoaded event, but modal does not fires this event.

django-flatpickr.js:53

  document.addEventListener('DOMContentLoaded', function (event) {
    findAndProcessFlatpickrInputs(document);
    document.addEventListener('DOMNodeInserted', function (event) {
      setTimeout(() => {
        if (event.target.querySelectorAll) findAndProcessFlatpickrInputs(event.target);
      });
    });
  });

Modifying django-flatpickr.js:53 this way - everything becamoe work correctly, I created another copy of this file to use in modals, would be cool to find solution for both cases (DOMContentLoaded and shown.bs.modal) but I have no ideas right now.

document.addEventListener('shown.bs.modal', function (event) {
    findAndProcessFlatpickrInputs(document);
    document.addEventListener('DOMNodeInserted', function (event) {
      setTimeout(() => {
        if (event.target.querySelectorAll) findAndProcessFlatpickrInputs(event.target);
      });
    });
  });

Static file doesnot load from CDN

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
1- setup the package in your Django project
2-use it on a specific page open this page on the browser
2- press F12(go to developer tools ) you will see it doesnot loading
Setup Information (please complete the following information):

• OS: [e.g. Windows 10]
• Browser [e.g. chrome, safari]
• Browser version [e.g. 22]
• Python version [e.g. 3.7]
• Django version [e.g. 2.1]

How can I change months to spanish

It is very easy to setup and have it working. I just need to change month from English (December) to spanish: Diciembre.

Setup Information (please complete the following information):

• OS: Windows 10 Pro
• Firefox 71 64 Bits
• Python version 3.6 x64
• Django version 2.1

I there a way to increment hours when usinng "range_from" ?

Hello i'm using "DateTimePickerInput" in my project and it's working super well, to increase UX in was thinking about increasing hours + 1 h when linking a start and end date ? is this feature exists ?

Upgrade to flatpickr 4.6.x?

This project currently includes flatpickr 4.5.2. There is newer release of flatpickr, in the 4.6.x range.
Please update the flatpickr dependency.

ModuleNotFoundError: No module named 'flatpickr'

Describe the problem
I have installed django-flatpickr as described in the installation instructions, and it works correctly in my Wagtail CMS project. When I use flatpickr in a model file, I use the documented import syntax:

from flatpickr import DatePickerInput

However, my IDE (VS Code) keeps complaining:

Unable to import 'django_flatpickr'pylint(import-error)

Likewise, when trying to run the Django shell, I get the following error:

$ python manage.py shell
...
ModuleNotFoundError: No module named 'flatpickr'

Expected behavior
I would hope that the IDE would be able to find the flatpickr import and that I would be able to run a Django shell.

Add support for pydantic@2

Describe the bug
Currently, the project is based on pydantic@1, when there is pydantic@2

poetry add django-flatpickr

Because django-flatpickr (2.0.1) depends on pydantic (<2)
and no versions of django-flatpickr match >2.0.1,<3.0.0, django-flatpickr (>=2.0.1,<3.0.0) requires pydantic (<2).
So, because project depends on both pydantic (^2.1.1) and django-flatpickr (^2.0.1), version solving failed.

How to clear the input

Once you enter a date, there is no way to clear the input.

It would be nice to include a button before of after the input to clear it.

I have tried adding this with javascript but it does not seem to truly clear the input.

unnecessary JS static file in PyPi

dist has js file in static folder. It is not necessary since it is downloaded from CDN.

Month Dropdown (List) is not showing on Django Flat Picker

Hey everyone,

I'm trying to use Django-FlatPickr in my Django project. I managed to configure all the options except for the Month List which is displayed on the header of Datetime Picker

I tried to set the [ 'monthSelectorType': 'dropdown' ] property but that didn't help!

Can you please provide any solution?

Setup Information

• OS: macOS | FreeBSD Unix
• Browser: Apple Safari | Google Chrom
• Python version: 3.8
• Django version: 3.1
• Django-FlatPickr version: Latest from GitHub

Can not integrate Date widget to Django User Sign Up form.

Describe the problem
Calendar widget is not displaying when I click on a date field,

To Reproduce
forms.py

class CustomUserCreationForm(UserCreationForm):
    class Meta(UserCreationForm.Meta):
        model = CustomUser
        fields = ('first_name', 'last_name', 'date_of_birth', 'email')
        widgets = {
            'date_of_birth': DatePickerInput(),
        }

template

{% extends 'base.html' %}
{% block title %}Sign Up{% endblock %}
{% block extra_css %}
    {{ form.media.css }}
{% endblock %}
{% block extra_js %}
    {{ form.media.js }}
{% endblock %}
{% block content %}
    <h2>Sign up</h2>
    <form method="post">
        {% csrf_token %}
        {{ form.as_p }}
        <button type="submit">Sign up</button>
    </form>
{% endblock %}

Expected behavior
The calendar should be displayed when I click on a date field.

Console errors

• No error on django console.
• No error on JavaScript console.

Setup Information

• Python version 3.7
• Django version 2.2