Add Date and DateTime Pickers (#1126)

pynecone/components/__init__.py

@@ -91,6 +91,8 @@ button_group = ButtonGroup.create
 checkbox = Checkbox.create
 checkbox_group = CheckboxGroup.create
 copy_to_clipboard = CopyToClipboard.create
+date_picker = DatePicker.create
+date_time_picker = DateTimePicker.create
 editable = Editable.create
 editable_input = EditableInput.create
 editable_preview = EditablePreview.create

pynecone/components/forms/__init__.py

@@ -3,6 +3,8 @@
 from .button import Button, ButtonGroup
 from .checkbox import Checkbox, CheckboxGroup
 from .copytoclipboard import CopyToClipboard
+from .date_picker import DatePicker
+from .date_time_picker import DateTimePicker
 from .editable import Editable, EditableInput, EditablePreview, EditableTextarea
 from .email import Email
 from .form import Form, FormControl, FormErrorMessage, FormHelperText, FormLabel

pynecone/components/forms/date_picker.py

@@ -0,0 +1,11 @@
+"""A date input component."""
+
+from pynecone.components.forms.input import Input
+from pynecone.vars import Var
+
+
+class DatePicker(Input):
+    """A date input component."""
+
+    # The type of input.
+    type_: Var[str] = "date"  # type: ignore

pynecone/components/forms/date_time_picker.py

@@ -0,0 +1,11 @@
+"""A datetime-local input component."""
+
+from pynecone.components.forms.input import Input
+from pynecone.vars import Var
+
+
+class DateTimePicker(Input):
+    """A datetime-local input component."""
+
+    # The type of input.
+    type_: Var[str] = "datetime-local"  # type: ignore