Create a UI to match the proposed EDTF

Note; there was some confusion in both #2039 and #3301, so this is clarification. This also is going to be different that what will be shown in the OL UI (UI = user interface, or what users see on teh webpages).

### Problem:
Right now, I don't believe people follow the proposed EDTF mentioned in #2039 when writing in the date. This causes issues in the data dump where the formatting is inconsistent (this is just one section of the data dump):
.

### Solution:
create a UI for the edit page to make it easier to follow the EDTF format that includes instructions (see the table in #2039):

### Notes:
- this format would be great to add to the 'add book' page to match the 'edit' page.
- the format will account for what's unknown. So if for instance, the exact year is known, one could add X's to it
'BCE' adds a '-'
'Approx.' adds a '?'

### Stakeholders
Anyone from both #2039 and #3301 and those who look at the data dump and those who would like to see the EDTF format be used.