diff --git a/README.md b/README.md
index 3cf2cb6..f4ca0fb 100644
--- a/README.md
+++ b/README.md
@@ -89,7 +89,7 @@ You can check a more complete example in the [example](https://github.com/franci
- Right now there is no observability on errors when submitting a form. See this [comment on the code](https://github.com/francisconeves97/react-google-forms-hooks/blob/ca5018e578cfb0e230f9be58dfeee4117db28160/src/hooks/useGoogleForm.ts#L61-L65).
- You can use the `submitToGoogleForm` export to create a server to handle form submissions. This way you can mitigate the CORS problem.
- No support for multi page, sections, images and other Google Forms functionalities. However you can build your React form with multiple pages, by saving the `data` from `handleSubmit` and only `submitToGoogleForms` on the last page.
-- The list of supported inputs doesn't feature every input from Google Forms. Supported inputs: Short Answer, Long Answer, Checkbox, Radio, Dropdown, Linear, Radio Grid, Checkbox Grid
+- The list of supported inputs doesn't feature every input from Google Forms. Supported inputs: Short Answer, Long Answer, Date, Time, Checkbox, Radio, Dropdown, Linear, Radio Grid, Checkbox Grid
- Because of CORS you have to run the `googleFormsToJson` script in build time.
## Contributing
@@ -126,4 +126,4 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
-This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!
\ No newline at end of file
+This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!
diff --git a/example/src/App.js b/example/src/App.js
index 6b50aa6..ffcf236 100644
--- a/example/src/App.js
+++ b/example/src/App.js
@@ -9,6 +9,8 @@ import CheckboxInput from './components/CheckboxInput'
import RadioInput from './components/RadioInput'
import ShortAnswerInput from './components/ShortAnswerInput'
import LongAnswerInput from './components/LongAnswerInput'
+import DateInput from './components/DateInput'
+import TimeInput from "./components/TimeInput"
import RadioGridInput from './components/RadioGridInput'
import CheckboxGridInput from './components/CheckboxGridInput'
import DropdownInput from './components/DropdownInput'
@@ -54,6 +56,12 @@ const Questions = () => {
case 'LONG_ANSWER':
questionInput =
break
+ case 'DATE':
+ questionInput =
+ break
+ case 'TIMe':
+ questionInput =
+ break
case 'RADIO_GRID':
questionInput =
break
diff --git a/example/src/components/DateInput.js b/example/src/components/DateInput.js
new file mode 100644
index 0000000..388fa6c
--- /dev/null
+++ b/example/src/components/DateInput.js
@@ -0,0 +1,13 @@
+import React from 'react'
+
+import { useDateInput } from 'react-google-forms-hooks'
+
+export default function DateInput({ id }) {
+ const { register } = useDateInput(id)
+
+ return (
+
+
+
+ )
+}
diff --git a/example/src/components/TimeInput.js b/example/src/components/TimeInput.js
new file mode 100644
index 0000000..5210342
--- /dev/null
+++ b/example/src/components/TimeInput.js
@@ -0,0 +1,13 @@
+import React from 'react'
+
+import { useTimeInput } from 'react-google-forms-hooks'
+
+export default function TimeInput({ id }) {
+ const { register } = useTimeInput(id)
+
+ return (
+