Merge pull request #30 from smooth-code/timepicker

feat: timepicker

Author: Stefen Alper

packages/smooth-backend-wordpress/src/acf/config/index.test.js

@@ -37,6 +37,7 @@ describe('#generateConfig', () => {
       ['Boolean @field', { type: 'true_false' }],
       ['Date @field', { type: 'date_picker' }],
       ['DateTime @field', { type: 'date_time_picker' }],
+      ['Time @field', { type: 'time_picker' }],
       ['Int @field', { type: 'number' }],
       ['Float @field', { type: 'number' }],
       ['Image @field', { type: 'image' }],

packages/smooth-backend-wordpress/src/acf/config/oneField.js

@@ -42,6 +42,10 @@ const handlers = {
     preventList(infos)
     return { type: 'date_time_picker' }
   },
+  time(infos) {
+    preventList(infos)
+    return { type: 'time_picker' }
+  },
   shortText({ list }) {
     if (list) return { type: 'textarea' }
     return { type: 'text' }

packages/smooth-backend-wordpress/src/acf/resolvers/createDefaultResolvers.js

@@ -1,4 +1,4 @@
-import { toRelativeUrl, formatDate, formatDateTime } from './util'
+import { toRelativeUrl, formatDate, formatDateTime, formatTime } from './util'
 
 function acfField(object, name) {
   if (object.acf) {
@@ -17,6 +17,10 @@ const handlers = {
     if (list) return null
     return object => formatDateTime(acfField(object, name))
   },
+  time({ name, list }) {
+    if (list) return null
+    return object => formatTime(acfField(object, name))
+  },
   link({ name, list }, helpers, state) {
     const { homeUrl } = state.options
     if (list) return null

packages/smooth-backend-wordpress/src/acf/resolvers/util.js

@@ -24,3 +24,15 @@ export function formatDateTime(value) {
   const [date, time, period] = value.split(' ')
   return new Date(`${formatDateString(date)} ${time} ${period} UTC`)
 }
+
+export function formatTime(value) {
+  if (typeof value !== 'string' || value === '') return null
+  const [, hours, minutes, type] = value.match(/^(\d+):(\d+)\s+([ap]m)$/)
+  return `${[
+    type === 'pm' ? ((12 + Number(hours)) % 24).toString() : hours,
+    minutes,
+    '0',
+  ]
+    .map(x => x.padStart(2, '0'))
+    .join(':')}Z`
+}

packages/smooth-backend-wordpress/src/acf/resolvers/util.test.js

@@ -1,4 +1,4 @@
-import { toRelativeUrl, formatDate, formatDateTime } from './util'
+import { toRelativeUrl, formatDate, formatDateTime, formatTime } from './util'
 
 describe('util', () => {
   describe('#formatDate', () => {
@@ -27,6 +27,20 @@ describe('util', () => {
     })
   })
 
+  describe('#formatTime', () => {
+    it('should format time', () => {
+      expect(formatTime('2:30 am')).toBe('02:30:00Z')
+      expect(formatTime('7:45 pm')).toBe('19:45:00Z')
+      expect(formatTime('12:15 pm')).toBe('00:15:00Z')
+    })
+
+    it('should return null if not a string (or empty)', () => {
+      expect(formatTime(null)).toBe(null)
+      expect(formatTime('')).toBe(null)
+      expect(formatTime(undefined)).toBe(null)
+    })
+  })
+
   describe('#toRelativeUrl', () => {
     it('should support baseUrl without end slash', () => {
       expect(

packages/smooth/src/graphql/definitions/Date.js

@@ -1,12 +1,14 @@
 import gql from 'graphql-tag'
-import { GraphQLDate, GraphQLDateTime } from 'graphql-iso-date'
+import { GraphQLDate, GraphQLDateTime, GraphQLTime } from 'graphql-iso-date'
 
 export const typeDefs = gql`
   scalar Date
   scalar DateTime
+  scalar Time
 `
 
 export const resolvers = {
   Date: GraphQLDate,
   DateTime: GraphQLDateTime,
+  Time: GraphQLTime,
 }

packages/smooth/src/graphql/types.js

@@ -107,6 +107,8 @@ export function getKnownType(type) {
       return 'date'
     case 'DateTime':
       return 'dateTime'
+    case 'Time':
+      return 'time'
     case 'Block':
       return 'block'
     default: