Having two custom widget in one form in Django - forms

Question

First let me tell I am new to Django, CSS and all web (front, back) stuff.
I am using 2 custom widget in my form
from tempus_dominus.widgets import DatePicker, TimePicker
from mapwidgets.widgets import GooglePointFieldWidget
both of them need to add below line in header of html file.
{{ form.media }}
when I just have Date picker and Time picker they are working just fine. but when I add map widget to the form only map is working. I don't know what is this and how I can solve this. if you need more information let me know.
my model class:
from django.contrib.gis.db import models
from django.contrib.gis.geos import Point
DEFAULT_LOCATION_POINT = Point(-104.9903, 39.7392)
class Event(models.Model):
latlng = models.CharField(max_length=255)
location = models.PointField(help_text="Use map widget for point the house location")
description = models.CharField(max_length=255)
date = models.DateField()
time = models.TimeField()
title = models.CharField(max_length=255)
def __str__(self):
return self.latlng
My form class:
from django import forms
from tempus_dominus.widgets import DatePicker, TimePicker
from mapwidgets.widgets import GooglePointFieldWidget
from . import models
class EventForm(forms.ModelForm):
class Meta:
model = models.Event
fields = ("location", "latlng", "date", "time", "title", "description")
widgets = {
'location': GooglePointFieldWidget,
'latlng': forms.TextInput(attrs={'class': 'form-control', 'placeholder': "LatLng"}),
'date': DatePicker(attrs={'class': 'form-control', 'placeholder': "Date"}),
'time': TimePicker(attrs={'class': 'form-control', 'placeholder': "Time"}),
'title': forms.TextInput(attrs={'class': 'form-control', 'placeholder': "Title"}),
'description': forms.TextInput(attrs={'class': 'form-control', 'placeholder': "Description"}),
}
I have no idea what to try.