amotify 0.0.59 → 0.0.60

package/src/functions/Input/Time/_.tsx

@@ -1,25 +1,25 @@
 import {
   useStore,
   React
-} from '@global';
+} from '@global'
 import {
   Box
-} from '@atoms';
+} from '@atoms'
 import {
   Input,
   Buttons,
   Tooltips
-} from '@fn';
+} from '@fn'
 
 import {
   BoxWrapper,
   SubmitForm,
   ValidationCheck,
   CommonEffects
-} from '../core';
-import { Picker } from './Picker';
+} from '../core'
+import { Picker } from './Picker'
 
-const PeriodMargin = ' ~ ';
+const PeriodMargin = ' ~ '
 
 const TimeFormatDatas: {
   [ key: string ]: {
@@ -95,52 +95,52 @@ const DataLeveling = ( params: {
     restrict,
     value,
     era
-  } = params;
+  } = params
 
-  let dataValue = $.flatArray( value || '' );
+  let dataValue = $.flatArray( value || '' )
 
   let {
     defaultValue,
     format,
     ranges,
     sets
-  } = TimeFormatDatas[ restrict ];
-  let formatValues: string[] = [];
+  } = TimeFormatDatas[ restrict ]
+  let formatValues: string[] = []
 
-  let separateStr = restrict == 'clock' ? ':' : '/';
+  let separateStr = restrict == 'clock' ? ':' : '/'
   for ( let index = 0; index < dataValue.length; index++ ) {
-    dataValue[ index ] = String( dataValue[ index ] ).replace( /\D/ig,separateStr );
+    dataValue[ index ] = String( dataValue[ index ] ).replace( /\D/ig,separateStr )
   }
   for ( let index = 0; index < sets; index++ ) {
-    let val = dataValue[ index ] || '';
+    let val = dataValue[ index ] || ''
     if ( !val.match( format ) ) {
-      dataValue[ index ] = '';
-      formatValues.push( defaultValue );
+      dataValue[ index ] = ''
+      formatValues.push( defaultValue )
     } else {
-      let _value = defaultValue;
+      let _value = defaultValue
       val.split( /\D/ ).forEach( ( v: string,i: number ) => {
         if ( i == 0 && restrict == 'dateWareki' ) {
-          let Year = Number( v );
+          let Year = Number( v )
           if ( era != 'year' ) {
             if ( Year >= 2019 ) {
-              if ( era == 'reiwa' ) Year -= ( 2019 - 1 );
-              else if ( era == 'heisei' ) Year = 31;
+              if ( era == 'reiwa' ) Year -= ( 2019 - 1 )
+              else if ( era == 'heisei' ) Year = 31
             } else if ( Year >= 1989 ) {
-              if ( era == 'heisei' ) Year -= ( 1989 - 1 );
-              else if ( era == 'shouwa' ) Year = 64;
+              if ( era == 'heisei' ) Year -= ( 1989 - 1 )
+              else if ( era == 'shouwa' ) Year = 64
             } else if ( Year >= 1926 ) {
-              if ( era == 'shouwa' ) Year -= ( 1926 - 1 );
-              else if ( era == 'taisho' ) Year = 15;
+              if ( era == 'shouwa' ) Year -= ( 1926 - 1 )
+              else if ( era == 'taisho' ) Year = 15
             } else if ( Year >= 1912 ) {
-              if ( era == 'taisho' ) Year -= ( 1912 - 1 );
-              else if ( era == 'meiji' ) Year = 45;
-            } else if ( Year >= 1868 ) Year -= ( 1868 - 1 );
+              if ( era == 'taisho' ) Year -= ( 1912 - 1 )
+              else if ( era == 'meiji' ) Year = 45
+            } else if ( Year >= 1868 ) Year -= ( 1868 - 1 )
           }
-          v = Year.zeroEmbed( 4 );
+          v = Year.zeroEmbed( 4 )
         }
-        _value = _value.replace( new RegExp( '------------------'.slice( 0,v.length ) ),v );
-      } );
-      formatValues.push( _value );
+        _value = _value.replace( new RegExp( '------------------'.slice( 0,v.length ) ),v )
+      } )
+      formatValues.push( _value )
     }
   }
 
@@ -148,7 +148,7 @@ const DataLeveling = ( params: {
     formatValue: formatValues.join( PeriodMargin ),
     dataValue: [ 'dates','months' ].includes( restrict ) ? dataValue : dataValue[ 0 ],
     ranges
-  };
+  }
 }
 
 function DefaultValidation( props: {
@@ -157,14 +157,14 @@ function DefaultValidation( props: {
 } ): amotify.fn.Input.Validation.Result {
   let {
     params
-  } = props;
+  } = props
   let {
     restrict,
     min,max,
     required
   } = params as amotify.fn.Input.Time.OriginParams
-  let notice: amotify.fn.Input.Validation.NoticeTypes[] = [];
-  let values: string[] = $.flatArray( props.value );
+  let notice: amotify.fn.Input.Validation.NoticeTypes[] = []
+  let values: string[] = $.flatArray( props.value )
 
   let validate = {
     empty: false,
@@ -175,63 +175,63 @@ function DefaultValidation( props: {
   };
 
   ( () => {
-    let separateStr = restrict == 'clock' ? ':' : '/';
+    let separateStr = restrict == 'clock' ? ':' : '/'
     for ( let index = 0; index < values.length; index++ ) {
-      values[ index ] = String( values[ index ] ).replace( /\D/ig,separateStr );
+      values[ index ] = String( values[ index ] ).replace( /\D/ig,separateStr )
     }
     for ( let index = 0; index < values.length; index++ ) {
-      let value = values[ index ];
-      let prevValue = values[ index - 1 ];
-      if ( !value.removeLetters() ) validate.empty = true;
-      if ( index > 0 ) validate.escalated &= Number( value >= prevValue );
+      let value = values[ index ]
+      let prevValue = values[ index - 1 ]
+      if ( !value.removeLetters() ) validate.empty = true
+      if ( index > 0 ) validate.escalated &= Number( value >= prevValue )
     }
-    if ( !validate.escalated ) return;
-    if ( validate.empty ) return;
+    if ( !validate.escalated ) return
+    if ( validate.empty ) return
 
     if ( restrict.match( /clock/ ) ) {
       values.forEach( value => {
-        let [ hour,minute ] = value.split( /\D+/ );
+        let [ hour,minute ] = value.split( /\D+/ )
 
         if ( !hour || !minute ) {
-          validate.filled = false;
+          validate.filled = false
         } else if ( Number( hour ) > 23 || Number( minute ) > 59 ) {
-          validate.correct = false;
+          validate.correct = false
         }
-      } );
+      } )
     } else if ( restrict.match( /date/ ) ) {
       values.forEach( value => {
-        let [ year,month,day ] = value.split( /\D+/ );
+        let [ year,month,day ] = value.split( /\D+/ )
         if ( !year || !month || !day ) {
-          validate.filled = false;
+          validate.filled = false
         } else {
-          let Time = $.Time( value );
+          let Time = $.Time( value )
           if ( !Time.validate || value != Time.toFormatYMD() ) {
-            validate.correct = false;
+            validate.correct = false
           }
         }
-      } );
+      } )
     } else if ( restrict.match( /week/ ) ) {
       values.forEach( value => {
-        let [ year,week ] = value.split( /\D+/ );
+        let [ year,week ] = value.split( /\D+/ )
         if ( !year || !week ) {
-          validate.filled = false;
+          validate.filled = false
         } else {
-          let yearFirstDay = $.Time( year + '/01/01' ).weekday;
-          let yearFirstWeek0Day = $.Time( year + '/01/0' + ( 7 - yearFirstDay + 1 ) );
-          let yearValueWeek0Day = yearFirstWeek0Day.addWeek( Number( week ) - 1 );
+          let yearFirstDay = $.Time( year + '/01/01' ).weekday
+          let yearFirstWeek0Day = $.Time( year + '/01/0' + ( 7 - yearFirstDay + 1 ) )
+          let yearValueWeek0Day = yearFirstWeek0Day.addWeek( Number( week ) - 1 )
           if ( year != String( yearValueWeek0Day.year ) ) {
-            validate.correct = false;
+            validate.correct = false
           }
         }
-      } );
+      } )
     } else if ( restrict.match( /month/ ) ) {
       values.forEach( value => {
-        let [ year,month ] = value.split( /\D+/ );
+        let [ year,month ] = value.split( /\D+/ )
         if ( !year || !month ) {
-          validate.filled = false;
+          validate.filled = false
         } else {
-          let date = $.Time( [ year,month,'01' ].join( '/' ) );
-          if ( !date.validate ) validate.correct = false;
+          let date = $.Time( [ year,month,'01' ].join( '/' ) )
+          if ( !date.validate ) validate.correct = false
         }
       } )
     } else if ( restrict.match( /year/ ) ) {
@@ -241,19 +241,19 @@ function DefaultValidation( props: {
     if ( validate.filled && validate.correct ) {
       values.forEach( value => {
         {
-          let VAL = Number( String( value ).replace( /\D/ig,'' ) );
+          let VAL = Number( String( value ).replace( /\D/ig,'' ) )
           if ( min ) {
-            let MIN = Number( String( min ).replace( /\D/ig,'' ) );
-            if ( MIN > VAL ) validate.prohibited = true;
+            let MIN = Number( String( min ).replace( /\D/ig,'' ) )
+            if ( MIN > VAL ) validate.prohibited = true
           }
           if ( max ) {
-            let MAX = Number( String( max ).replace( /\D/ig,'' ) );
-            if ( VAL > MAX ) validate.prohibited = true;
+            let MAX = Number( String( max ).replace( /\D/ig,'' ) )
+            if ( VAL > MAX ) validate.prohibited = true
           }
         }
       } )
     }
-  } )();
+  } )()
 
   {
     let {
@@ -262,20 +262,20 @@ function DefaultValidation( props: {
       filled,
       correct,
       prohibited
-    } = validate;
+    } = validate
     if ( empty && required ) {
       notice = [
         { type: 'invalid',label: '必須項目です' }
-      ];
+      ]
     }
     if ( !escalated ) {
-      notice.push( { type: 'invalid',label: '時系列を正しく入力してください' } );
+      notice.push( { type: 'invalid',label: '時系列を正しく入力してください' } )
     }
     if ( !correct ) {
-      notice.push( { type: 'invalid',label: '無効な値が入力されています' } );
+      notice.push( { type: 'invalid',label: '無効な値が入力されています' } )
     }
     if ( !filled ) {
-      notice.push( { type: 'invalid',label: '最後まで値を埋めてください' } );
+      notice.push( { type: 'invalid',label: '最後まで値を埋めてください' } )
     }
     if ( prohibited ) {
       notice.push( {
@@ -285,7 +285,7 @@ function DefaultValidation( props: {
           </Box>
           [{ min || '下限無し' }] ~ [{ max || '上限無し' }]
         </>
-      } );
+      } )
     }
   }
 
@@ -324,9 +324,9 @@ export const TimeInput: React.FC<amotify.fn.Input.Time.OriginParams> = ( params
     leftIndicator,rightIndicator,
 
     ...others
-  } = params;
+  } = params
 
-  let [ val_era,set_era ] = React.useState( era! );
+  let [ val_era,set_era ] = React.useState( era! )
 
   let [ val_status,set_status ] = React.useState( {
     componentID: params.componentID || '',
@@ -337,17 +337,17 @@ export const TimeInput: React.FC<amotify.fn.Input.Time.OriginParams> = ( params
     } ),
     eventType: 'init',
     eventID: $.uuidGen(),
-  } as amotify.fn.Input.Status.Time );
+  } as amotify.fn.Input.Status.Time )
 
   let [ val_validate,set_validate ] = React.useState( {
     ok: false,
     notice: []
-  } as amotify.fn.Input.Validation.Result );
+  } as amotify.fn.Input.Validation.Result )
   let [ val_focus,set_focus ] = React.useState( {
     active: false,
     index: 0,
     prevIndex: -1
-  } as FocusProps );
+  } as FocusProps )
 
   CommonEffects( {
     type: 'time',
@@ -366,9 +366,9 @@ export const TimeInput: React.FC<amotify.fn.Input.Time.OriginParams> = ( params
         era: val_era!
       } )
     }
-  } );
+  } )
 
-  const mounted = React.useRef( false );
+  const mounted = React.useRef( false )
   React.useEffect( () => {
     if ( mounted.current ) {
       set_status( {
@@ -378,20 +378,20 @@ export const TimeInput: React.FC<amotify.fn.Input.Time.OriginParams> = ( params
           value: val_status.dataValue,
           era: val_era
         } )
-      } );
+      } )
 
-      let ParentComponent = useStore.get( 'refreshEra_' + val_status.componentID );
-      ParentComponent && ParentComponent.refreshEra( val_era );
+      let ParentComponent = useStore.get( 'refreshEra_' + val_status.componentID )
+      ParentComponent && ParentComponent.refreshEra( val_era )
     } else {
-      mounted.current = true;
+      mounted.current = true
     }
-  },[ val_era ] );
+  },[ val_era ] )
 
   useStore.update( {
     key: val_status.componentID,
     value: {
       openPicker: () => {
-        if ( params.disabled ) return;
+        if ( params.disabled ) return
 
         TimeFNs.picker.launch( {
           parent: '#Picker-' + val_status.componentID,
@@ -410,13 +410,13 @@ export const TimeInput: React.FC<amotify.fn.Input.Time.OriginParams> = ( params
               } ),
               eventType: 'update',
               eventID: $.uuidGen()
-            } );
-            set_era( era );
+            } )
+            set_era( era )
           }
-        } );
+        } )
       },
       resetEra: ( era: amotify.fn.Input.Time.EraTypes ) => {
-        set_era( era );
+        set_era( era )
         set_status( {
           ...val_status,
           ...DataLeveling( {
@@ -426,22 +426,22 @@ export const TimeInput: React.FC<amotify.fn.Input.Time.OriginParams> = ( params
           } ),
           eventType: 'update',
           eventID: $.uuidGen()
-        } );
+        } )
       }
     }
-  } );
+  } )
 
   React.useEffect( () => {
-    let { index,active } = val_focus;
+    let { index,active } = val_focus
     if ( active ) {
-      index = Math.max( index,0 );
-      index = Math.min( index,val_status.ranges.length - 1 );
+      index = Math.max( index,0 )
+      index = Math.min( index,val_status.ranges.length - 1 )
 
-      let { from,length } = val_status.ranges[ index ];
-      let input = $( '#' + params.id )[ 0 ] as HTMLInputElement;
-      if ( input ) input.setSelectionRange( from,( from + length ) );
+      let { from,length } = val_status.ranges[ index ]
+      let input = $( '#' + params.id )[ 0 ] as HTMLInputElement
+      if ( input ) input.setSelectionRange( from,( from + length ) )
     }
-  },[ val_focus ] );
+  },[ val_focus ] )
 
   return <BoxWrapper
     val_status={ val_status }
@@ -470,9 +470,9 @@ export const TimeInput: React.FC<amotify.fn.Input.Time.OriginParams> = ( params
         } }
         children={ val_status.formatValue }
         onClick={ ( event ) => {
-          let component = useStore.get( val_status.componentID );
-          if ( component ) component.openPicker();
-          event.stopPropagation();
+          let component = useStore.get( val_status.componentID )
+          if ( component ) component.openPicker()
+          event.stopPropagation()
         } }
       /> : <input
         type={ 'text' }
@@ -489,38 +489,38 @@ export const TimeInput: React.FC<amotify.fn.Input.Time.OriginParams> = ( params
             val_era,
             val_status,set_status,
             val_focus,set_focus
-          } );
+          } )
 
-          if ( onKeyDown ) onKeyDown( event );
-          if ( enableFormSubmit ) SubmitForm( event );
+          if ( onKeyDown ) onKeyDown( event )
+          if ( enableFormSubmit ) SubmitForm( event )
         } }
         onKeyUp={ ( event ) => {
           if ( event.key == 'Tab' ) set_focus( {
             ...val_focus,
             active: true
-          } );
+          } )
         } }
         onClick={ ( event ) => {
-          let caretTo = ( event.target as HTMLInputElement ).selectionEnd as number;
-          let Index = 0;
+          let caretTo = ( event.target as HTMLInputElement ).selectionEnd as number
+          let Index = 0
 
           val_status.ranges.forEach( ( range,index ) => {
-            let { from,length,region } = range;
+            let { from,length,region } = range
             if ( from <= caretTo && caretTo <= ( from + ( region || length ) ) ) {
-              Index = index;
+              Index = index
             }
-          } );
+          } )
           set_focus( {
             ...val_focus,
             active: true,
             index: Index
-          } );
-          event.preventDefault();
+          } )
+          event.preventDefault()
         } }
         onChange={ () => { } }
         { ...others }
       /> }
-  </BoxWrapper>;
+  </BoxWrapper>
 }
 
 const KeyDownEvent = ( props: {
@@ -538,41 +538,41 @@ const KeyDownEvent = ( props: {
     event,
     val_status,set_status,
     val_focus,set_focus
-  } = props;
+  } = props
 
-  let { key,shiftKey,ctrlKey,metaKey } = event;
-  let auxKey = ctrlKey || metaKey;
+  let { key,shiftKey,ctrlKey,metaKey } = event
+  let auxKey = ctrlKey || metaKey
   let {
     selectionStart: caretFrom,
     selectionEnd: caretTo
-  } = event.target as HTMLInputElement;
+  } = event.target as HTMLInputElement
 
   let {
     index: currentFocusIndex,
     prevIndex: prevFocusIndex
-  } = val_focus;
+  } = val_focus
   let {
     ranges,
     formatValue
-  } = val_status;
-  let maxFocusIndex = ranges.length - 1;
+  } = val_status
+  let maxFocusIndex = ranges.length - 1
 
   if ( [ 'Tab','ArrowLeft','ArrowRight' ].includes( key ) ) {
-    let nextFocusIndex = 0;
+    let nextFocusIndex = 0
     if ( key == 'Tab' ) {
-      let direction = Number( !shiftKey ) * 2 - 1;
-      nextFocusIndex = val_focus.index + direction;
-      if ( nextFocusIndex < 0 || nextFocusIndex > maxFocusIndex ) return;
+      let direction = Number( !shiftKey ) * 2 - 1
+      nextFocusIndex = val_focus.index + direction
+      if ( nextFocusIndex < 0 || nextFocusIndex > maxFocusIndex ) return
     } else {
-      let direction = key == 'ArrowLeft' ? -1 : key == 'ArrowRight' ? 1 : 0;
+      let direction = key == 'ArrowLeft' ? -1 : key == 'ArrowRight' ? 1 : 0
 
       if ( auxKey ) {
-        nextFocusIndex = direction == 1 ? maxFocusIndex : 0;
+        nextFocusIndex = direction == 1 ? maxFocusIndex : 0
       } else {
         if ( caretFrom == 0 && caretTo == String( val_status.formatValue ).length ) {
-          nextFocusIndex = direction == 1 ? maxFocusIndex : 0;
+          nextFocusIndex = direction == 1 ? maxFocusIndex : 0
         } else {
-          nextFocusIndex = Math.max( 0,Math.min( currentFocusIndex + direction,maxFocusIndex ) );
+          nextFocusIndex = Math.max( 0,Math.min( currentFocusIndex + direction,maxFocusIndex ) )
         }
       }
     }
@@ -580,32 +580,32 @@ const KeyDownEvent = ( props: {
       ...val_focus,
       index: nextFocusIndex,
       prevIndex: currentFocusIndex
-    } );
-    event.preventDefault();
+    } )
+    event.preventDefault()
   }
 
   if ( [ 'Backspace','ArrowUp','ArrowDown','0','1','2','3','4','5','6','7','8','9' ].includes( key ) ) {
-    event.preventDefault();
+    event.preventDefault()
 
-    let nextFocusIndex = currentFocusIndex;
-    nextFocusIndex = Math.max( nextFocusIndex,0 );
-    nextFocusIndex = Math.min( nextFocusIndex,maxFocusIndex );
+    let nextFocusIndex = currentFocusIndex
+    nextFocusIndex = Math.max( nextFocusIndex,0 )
+    nextFocusIndex = Math.min( nextFocusIndex,maxFocusIndex )
     let {
       type,
       from,
       length
-    } = ranges[ nextFocusIndex ];
+    } = ranges[ nextFocusIndex ]
 
-    let prevValue: any = formatValue.slice( from,( from + length ) );
-    let partsValue: any;
+    let prevValue: any = formatValue.slice( from,( from + length ) )
+    let partsValue: any
 
     if ( key == 'Backspace' ) {
-      partsValue = '------'.slice( 0,length );
+      partsValue = '------'.slice( 0,length )
     } else if ( [ 'ArrowUp','ArrowDown' ].includes( key ) ) {
-      let direction = key == 'ArrowUp' ? 1 : -1;
+      let direction = key == 'ArrowUp' ? 1 : -1
 
-      prevValue = prevValue | 0;
-      partsValue = prevValue + direction;
+      prevValue = prevValue | 0
+      partsValue = prevValue + direction
 
       let [ min,max,range ] =
         type == 'dateWareki' ?
@@ -620,25 +620,25 @@ const KeyDownEvent = ( props: {
               : type == 'date' ? [ 1,31,2 ]
                 : type == 'week' ? [ 1,53,2 ]
                   : type == 'month' ? [ 1,12,2 ]
-                    : type == 'year' ? [ 0,2999,4 ] : [ 0,0,0 ];
+                    : type == 'year' ? [ 0,2999,4 ] : [ 0,0,0 ]
 
-      if ( partsValue > max ) partsValue = min;
-      else if ( partsValue < min ) partsValue = max;
-      partsValue = ( Number( partsValue ) ).zeroEmbed( range );
+      if ( partsValue > max ) partsValue = min
+      else if ( partsValue < min ) partsValue = max
+      partsValue = ( Number( partsValue ) ).zeroEmbed( range )
     } else if ( [ '0','1','2','3','4','5','6','7','8','9' ].includes( key ) ) {
-      let prev = prevValue | 0;
-      let add = key;
-      let compound: any = `${ prev }${ add }`;
+      let prev = prevValue | 0
+      let add = key
+      let compound: any = `${ prev }${ add }`
 
       if ( prevFocusIndex != currentFocusIndex && prevFocusIndex >= 0 ) {
-        prev = 0,compound = '0' + add;
+        prev = 0,compound = '0' + add
       }
 
       if ( type == 'year' || ( type == 'dateWareki' && val_era == 'year' ) ) {
-        if ( Number( compound ) > 10000 ) partsValue = add;
-        else partsValue = compound;
+        if ( Number( compound ) > 10000 ) partsValue = add
+        else partsValue = compound
 
-        if ( ( partsValue | 0 ) > 1000 ) nextFocusIndex++;
+        if ( ( partsValue | 0 ) > 1000 ) nextFocusIndex++
       } else if (
         [ 'hour','minute','date','week','month' ].includes( type ) ||
         ( type == 'dateWareki' && val_era != 'year' )
@@ -654,9 +654,9 @@ const KeyDownEvent = ( props: {
               : type == 'hour' ? 23
                 : type == 'date' ? 31
                   : type == 'week' ? 53
-                    : type == 'month' ? 12 : 0;
+                    : type == 'month' ? 12 : 0
 
-        partsValue = ( compound | 0 ) > base ? add : compound;
+        partsValue = ( compound | 0 ) > base ? add : compound
 
         if ( Number( add ) > Number( String( base )[ 0 ] ) ||
           (
@@ -665,37 +665,37 @@ const KeyDownEvent = ( props: {
               ( [ 'minute','hour' ].includes( type ) && prevFocusIndex == currentFocusIndex )
             )
           ) || ( compound | 0 ) >= ( 10 ** ( String( base ).length - 1 ) )
-        ) nextFocusIndex++;
+        ) nextFocusIndex++
       }
 
-      if ( type == 'year' || type == 'dateWareki' ) partsValue = ( partsValue | 0 ).zeroEmbed( 4 );
-      else partsValue = ( partsValue | 0 ).zeroEmbed( 2 );
+      if ( type == 'year' || type == 'dateWareki' ) partsValue = ( partsValue | 0 ).zeroEmbed( 4 )
+      else partsValue = ( partsValue | 0 ).zeroEmbed( 2 )
     }
 
     {
-      let nextFormatValue = String( formatValue ).partReplace( from,String( partsValue ) );
+      let nextFormatValue = String( formatValue ).partReplace( from,String( partsValue ) )
       let nextDataValue = nextFormatValue.split( PeriodMargin ).map( ( value ) => {
         return value
           .replace( /(^\D|\D$)/,'' )
           .split( /\D+/ )
           .join( restrict == 'clock' ? ':' : '/' )
-          .replace( /(^\D|\D$)/,'' );
-      } );
+          .replace( /(^\D|\D$)/,'' )
+      } )
       if ( restrict == 'dateWareki' ) {
-        let v = nextDataValue[ 0 ].split( /\D/ );
-        let [ year,month,day ] = v;
+        let v = nextDataValue[ 0 ].split( /\D/ )
+        let [ year,month,day ] = v
         if ( v.length == 3 && year ) {
           let yearYear: any = Number( year ) - 1 + Number(
             {
               year: 1,reiwa: 2019,heisei: 1989,shouwa: 1926,taisho: 1912,meiji: 1868
             }[ val_era as string ]
-          );
-          nextDataValue = [ [ yearYear,month,day ].join( '/' ) ];
+          )
+          nextDataValue = [ [ yearYear,month,day ].join( '/' ) ]
         }
       }
 
-      nextFocusIndex = Math.max( nextFocusIndex,0 );
-      nextFocusIndex = Math.min( nextFocusIndex,maxFocusIndex );
+      nextFocusIndex = Math.max( nextFocusIndex,0 )
+      nextFocusIndex = Math.min( nextFocusIndex,maxFocusIndex )
 
       set_status( {
         ...val_status,
@@ -703,12 +703,12 @@ const KeyDownEvent = ( props: {
         formatValue: nextFormatValue,
         eventType: 'update',
         eventID: $.uuidGen(),
-      } );
+      } )
       set_focus( {
         ...val_focus,
         index: nextFocusIndex,
         prevIndex: val_focus.index
-      } );
+      } )
     }
   }
 }
@@ -717,7 +717,7 @@ const KeyDownEvent = ( props: {
 export const TimeFNs: amotify.fn.Input.Time.FNTypes = {
   picker: {
     launch: ( params ) => {
-      let tipsID = params.tipsID || $.uuidGen();
+      let tipsID = params.tipsID || $.uuidGen()
 
       Tooltips.open( {
         gravityPoint: params.gravityPoint || 24,
@@ -737,13 +737,13 @@ export const TimeFNs: amotify.fn.Input.Time.FNTypes = {
           defaultValue={ params.defaultValue }
           tipsID={ tipsID }
           onValueUpdate={ ( value,era ) => {
-            params.onValueUpdate( value,era );
+            params.onValueUpdate( value,era )
           } }
         />
       } )
     },
     remove: ( tipsID ) => {
-      Tooltips.close( tipsID );
+      Tooltips.close( tipsID )
     }
   }
 }