diff --git a/src/forms/ButtonReset.js b/src/forms/ButtonReset.js
index 68808938..e804ac5e 100644
--- a/src/forms/ButtonReset.js
+++ b/src/forms/ButtonReset.js
@@ -4,6 +4,8 @@ import React from 'react';
 import { BigButton } from './inputs';
 
 
+const BLANK_CALLBACK = function () {};
+
 const ButtonReset = function ({ children, onClick, overrides }) {
 
   if (!overrides) {
@@ -15,7 +17,7 @@ const ButtonReset = function ({ children, onClick, overrides }) {
       header:    ``,
       message:   `default`,
       leaveText: `Start New Client`,
-      callback:  () => {},
+      callback:  { BLANK_CALLBACK },
     });
   };
 
@@ -28,7 +30,7 @@ const ButtonReset = function ({ children, onClick, overrides }) {
     </BigButton>
   );
 
-};  // End <ButtonReset>
+};  // Ends <ButtonReset>
 
 
 export { ButtonReset };
diff --git a/src/forms/CurrentBenefits.js b/src/forms/CurrentBenefits.js
index ae2ee407..6b9dda98 100644
--- a/src/forms/CurrentBenefits.js
+++ b/src/forms/CurrentBenefits.js
@@ -5,6 +5,8 @@ import cloneDeep from 'lodash/cloneDeep';
 // PROJECT COMPONENTS
 import { FormPartsContainer } from './FormPartsContainer';
 import { ControlledRadioYesNo } from './inputs';
+
+// DATA
 import { allBenefitOrders } from '../programs/allBenefitOrders';
 
 
@@ -23,45 +25,48 @@ import { allBenefitOrders } from '../programs/allBenefitOrders';
  */
 class CurrentBenefitsContent extends React.Component {
   handleRadioChange = (event, inputProps) => {
-    const benefitName = inputProps.name;
-
-    const route = 'benefits';
-
-    const value = cloneDeep(this.props.current.benefits);
+    const benefitName = inputProps.name,
+          route       = `benefits`,
+          value       = cloneDeep(this.props.current.benefits);
 
     if (inputProps.value) {
       value.push(benefitName);
       value.sort(
         // Make sure benefits are in the correct order
         (a, b) => {
-          const aIndex = this.props.benefits.indexOf(a);
-          const bIndex = this.props.benefits.indexOf(b);
+          // `props.benefits` is list of available benefits
+          const aIndex = this.props.benefits.indexOf(a),
+                bIndex = this.props.benefits.indexOf(b);
 
           return aIndex - bIndex;
         }
       );
-    }
-    else {
+    } else {
       const index = value.indexOf(benefitName);
 
       if (index >= 0) {
         value.splice(index, 1);
       }
-    }
+    }  // ends if input value
 
-    this.props.updateClientValue(event, { route, value, time: 'current' });
-  };
+    this.props.updateClientValue(event, { route, value, time: `current` });
+  };  // Ends handleRadioChange()
 
   render() {
-    const { current, translations, benefits } = this.props;
+    const {
+      current,
+      translations,
+      benefits,
+    } = this.props;
 
     const components = [];
   
     for (let benefitIndex = 0; benefitIndex < benefits.length; benefitIndex++) {
-      const benefit = benefits[ benefitIndex ];
-
-      const translationKey = `i_has_${benefit}_label`;
+      const benefit        = benefits[ benefitIndex ],
+            translationKey = `i_has_${benefit}_label`;
 
+      // @todo This would have to be handled in every translation situation.
+      // @todo Also, is there a way we can include this in the translation report?
       if (!(translationKey in translations)) {
         throw new Error(`No translation found as label for benefit radio buttons; expected key "${translationKey}"`);
       }
@@ -70,26 +75,22 @@ class CurrentBenefitsContent extends React.Component {
   
       components.push(
         <ControlledRadioYesNo
-          key={ benefit }
-          translations={ translations }
-          labelText={ labelText }
-          onChange={ this.handleRadioChange }
-          checked = { current.benefits.includes(benefit) }
-          name    = { benefit } />
+          key          = { benefit }
+          translations = { translations }
+          labelText    = { labelText }
+          onChange     = { this.handleRadioChange }
+          checked      = { current.benefits.includes(benefit) }
+          name         = { benefit } />
       );
-    }
+    }  // ends for every benefit
 
     return (
-      <div>
-        {components}
-      </div>
+      <div>{ components }</div>
     );
-  }
-}  // End CurrentBenefitsContent()
+  };  // Ends render()
+};  // Ends <CurrentBenefitsContent>
 
-/**
- * @todo Combine with related components?
- *
+/** 
  * @function
  * @param {object} props
  * @property {function} props.updateClientValue Updates state upstream.
@@ -101,6 +102,7 @@ class CurrentBenefitsContent extends React.Component {
  * @returns {object} Component
  */
 const CurrentBenefitsStep = ({ updateClientValue, navData, client, translations }) => {
+  // @todo Combine with related components since there are so few?
 
   return (
     <FormPartsContainer
@@ -111,12 +113,13 @@ const CurrentBenefitsStep = ({ updateClientValue, navData, client, translations
       formSize  = { `massive` }>
       <CurrentBenefitsContent
         updateClientValue = { updateClientValue }
-        current      = { client.current }
-        translations = { translations }
-        benefits     = { allBenefitOrders[ client.USState ] } />
+        current           = { client.current }
+        translations      = { translations }
+        benefits          = { allBenefitOrders[ client.USState ] } />
     </FormPartsContainer>
   );
 
-};  // End CurrentBenefitsStep()
+};  // Ends <CurrentBenefitsStep>
+
 
 export { CurrentBenefitsStep };
diff --git a/src/forms/CurrentExpenses.js b/src/forms/CurrentExpenses.js
index 688f3328..dfec3ee0 100644
--- a/src/forms/CurrentExpenses.js
+++ b/src/forms/CurrentExpenses.js
@@ -37,10 +37,6 @@ import {
 import { getUnder13Expenses } from '../utils/cashflow';
 
 
-// ========================================
-// COMPONENTS
-// ========================================
-
 /* Move these to SNAP calc logic scripts:
  * @todo SNAP: Does a medical assistant's payments count as a medical expense?
  *     (Answer: Yes. @see {@link https://www.mass.gov/service-details/snap-verifications})
@@ -72,9 +68,9 @@ const CurrentExpensesStep = function ({ updateClientValue, navData, client, tran
       formClass = { `expenses` }>
       <ExpensesFormContent
         updateClientValue = { updateClientValue }
-        current={ client.current }
-        time={ 'current' }
-        translations={ translations } />
+        current           = { client.current }
+        time              = { `current` }
+        translations      = { translations } />
     </FormPartsContainer>
   );
 
@@ -93,7 +89,7 @@ const CurrentExpensesStep = function ({ updateClientValue, navData, client, tran
  */
 const ExpensesFormContent = function ({ current, time, updateClientValue, translations }) {
 
-  let type        = 'expense',
+  let type        = `expense`,
       household   = current.household,
       sharedProps = {
         timeState:         current,
@@ -114,16 +110,18 @@ const ExpensesFormContent = function ({ current, time, updateClientValue, transl
         over12        = getEveryMember(allDependents, isOver12);
 
   // 'Elderly' here is using the lowest common denominator - SNAP standards.
+  // @todo Make this dependant on type of benefit and use that benefit's
+  // values
   const isElderlyOrDisabled = function (member) {
     return isDisabled(member) || member.m_age >= 60;
   };
-  const elderlyOrDisabled = getEveryMember(household, isElderlyOrDisabled),
+  const elderlyOrDisabled             = getEveryMember(household, isElderlyOrDisabled),
         elderlyOrDisabledHeadOrSpouse = getEveryMember(elderlyOrDisabled, isHeadOrSpouse);
 
   return (
-    <div className='field-aligner two-column'>
+    <div className={ `field-aligner two-column` }>
 
-      { under13.length > 0 ? (
+      { (under13.length > 0) ? (
         <Under13
           translations      = { translations }
           type              = { type }
@@ -134,7 +132,7 @@ const ExpensesFormContent = function ({ current, time, updateClientValue, transl
         null
       ) }
 
-      { current.benefits.includes('snap') ? (
+      { current.benefits.includes(`snap`) ? (
         <ChildSupport
           translations = { translations }
           type         = { type }
@@ -144,7 +142,7 @@ const ExpensesFormContent = function ({ current, time, updateClientValue, transl
       ) }
 
       {/* Head or spouse can't be a dependent, so they don't count. */}
-      { over12.length > 0 ? (
+      { (over12.length > 0) ? (
         <DependentsOver12
           translations = { translations }
           type         = { type }
@@ -153,7 +151,7 @@ const ExpensesFormContent = function ({ current, time, updateClientValue, transl
         null
       ) }
 
-      { elderlyOrDisabled.length > 0 ? (
+      { (elderlyOrDisabled.length > 0) ? (
         <ElderlyOrDisabledAssistance
           translations      = { translations }
           type              = { type }
@@ -168,28 +166,28 @@ const ExpensesFormContent = function ({ current, time, updateClientValue, transl
         * These medical expenses count for Section 8 too if the disabled
         *     person is the head or spouse. From Appendix B, item (D)
         *     {@link http://www.tacinc.org/media/58886/S8MS%20Full%20Book.pdf} */}
-      { elderlyOrDisabledHeadOrSpouse.length > 0 || (current.benefits.includes('snap') && elderlyOrDisabled.length > 0) ? (
+      { (elderlyOrDisabledHeadOrSpouse.length > 0 || (current.benefits.includes('snap') && elderlyOrDisabled.length > 0)) ? (
         <UnreimbursedMedical
-          translations    = { translations }
-          type        = { type }
-          sharedProps = { sharedProps } />
+          translations = { translations }
+          type         = { type }
+          sharedProps  = { sharedProps } />
       ) : (
         null
       ) }
 
       <Housing
-        current={ current }
-        time={ time }
-        type={ type }
+        current           = { current }
+        time              = { time }
+        type              = { type }
         updateClientValue = { updateClientValue } />
 
       {/* Premature feature temporarily hidden to avoid messy revert
         <ShowOnYes
-          clientPartial = { current }
-          propName = { `wantsToSeeOtherExpenses` }
+          clientPartial     = { current }
+          propName          = { `wantsToSeeOtherExpenses` }
           updateClientValue = { updateClientValue }
-          question = { `Do you want to enter your other expenses so you can see if you need to make a different plan?` }
-          heading = { `Other Expenses` }>
+          question          = { `Do you want to enter your other expenses so you can see if you need to make a different plan?` }
+          heading           = { `Other Expenses` }>
           <ExpensesOther { ...sharedProps } />
         </ShowOnYes>
       */}
@@ -202,35 +200,37 @@ const ExpensesFormContent = function ({ current, time, updateClientValue, transl
 const Under13 = function ({ translations, type, sharedProps, current, updateClientValue }) {
   return (
     <div>
-      <ContentH1 subheading = { translations.unreimbursedNonMedicalChildCare.i_subheading }>
+      <ContentH1 subheading={ translations.unreimbursedNonMedicalChildCare.i_subheading }>
         { translations.unreimbursedNonMedicalChildCare.i_sectionHeading }
       </ContentH1>
+
       <IntervalColumnHeadings type={ type } />
+
       <CashFlowInputsRow
         { ...sharedProps }
-        generic={ 'childDirectCare' }>
+        generic = { `childDirectCare` }>
         { translations.unreimbursedNonMedicalChildCare.childDirectCare.i_label }
       </CashFlowInputsRow>
       <CashFlowInputsRow
         { ...sharedProps }
-        generic={ 'childBeforeAndAfterSchoolCare' }>
+        generic = { `childBeforeAndAfterSchoolCare` }>
         { translations.unreimbursedNonMedicalChildCare.childBeforeAndAfterSchoolCare.i_label}
       </CashFlowInputsRow>
       <CashFlowInputsRow
         { ...sharedProps }
-        generic={ 'childTransportation' }>
+        generic = { `childTransportation` }>
         { translations.unreimbursedNonMedicalChildCare.childTransportation.i_label }
       </CashFlowInputsRow>
       <CashFlowInputsRow
         { ...sharedProps }
-        generic={ 'childOtherCare' }>
+        generic = { `childOtherCare` }>
         { translations.unreimbursedNonMedicalChildCare.childOtherCare.i_label }
       </CashFlowInputsRow>
 
       <EarnedFrom
         hasExpenses = { getUnder13Expenses(current) !== 0 }
-        label    = { `If you didn't have that child care, would it change how much pay you can bring home?` }
-        propData = {{
+        label       = { `If you didn't have that child care, would it change how much pay you can bring home?` }
+        propData    = {{
           client:        current,
           childPropName: `earnedBecauseOfChildCare`,
           update:        updateClientValue,
@@ -239,7 +239,7 @@ const Under13 = function ({ translations, type, sharedProps, current, updateClie
           <CashFlowInputsRow
             { ...sharedProps }
             generic = { `earnedBecauseOfChildCare` }>
-            { `How much less would you make?` }
+            How much less would you make?
           </CashFlowInputsRow>
         } />
 
@@ -252,10 +252,13 @@ const ChildSupport = function ({ type, sharedProps }) {
   return (
     <div>
       <ContentH1>Child Support</ContentH1>
+
       <IntervalColumnHeadings type={ type } />
+
       <CashFlowInputsRow
         { ...sharedProps }
-        generic={ 'childSupportPaidOut' }> <strong>Legally obligated</strong> child support
+        generic = { `childSupportPaidOut` }>
+        <strong>Legally obligated</strong> child support
       </CashFlowInputsRow>
     </div>
   );
@@ -265,21 +268,26 @@ const ChildSupport = function ({ type, sharedProps }) {
 const DependentsOver12 = function ({ type, sharedProps }) {
   return (
     <div>
-      <ContentH1 subheading = { 'For the care of people who are older than 12, but are still dependents (those under 18 or disabled). Don\'t include amounts that are paid for by other benefit programs.\n' }>
+      <ContentH1 subheading={ `For the care of people who are older than 12, but are still dependents (those under 18 or disabled). Don't include amounts that are paid for by other benefit programs.` }>
         Dependent Care of Persons Over 12 Years of Age
       </ContentH1>
+
       <IntervalColumnHeadings type={ type } />
+
       <CashFlowInputsRow
         { ...sharedProps }
-        generic={ 'adultDirectCare' }> Direct care costs
+        generic = { `adultDirectCare` }>
+        Direct care costs
       </CashFlowInputsRow>
       <CashFlowInputsRow
         { ...sharedProps }
-        generic={ 'adultTransportation' }> Transportation costs
+        generic = { `adultTransportation` }>
+        Transportation costs
       </CashFlowInputsRow>
       <CashFlowInputsRow
         { ...sharedProps }
-        generic={ 'adultOtherCare' }> Other care
+        generic = { `adultOtherCare` }>
+        Other care
       </CashFlowInputsRow>
     </div>
   );
@@ -300,16 +308,19 @@ const ElderlyOrDisabledAssistance = function ({ current, type, sharedProps, upda
           </ul>
         </div>
       </HeadingWithDetail>
+
       <IntervalColumnHeadings type={ type } />
+
       <CashFlowInputsRow
         { ...sharedProps }
-        generic={ 'disabledAssistance' }> Disabled/Handicapped assistance
+        generic = { `disabledAssistance` }>
+        Disabled/Handicapped assistance
       </CashFlowInputsRow>
 
       <EarnedFrom
         hasExpenses = { current.disabledAssistance !== 0 }
-        label    = { `If you didn't have that assistance, would it change how much pay you can bring home?` }
-        propData = {{
+        label       = { `If you didn't have that assistance, would it change how much pay you can bring home?` }
+        propData    = {{
           client:        current,
           childPropName: `earnedBecauseOfAdultCare`,
           update:        updateClientValue,
@@ -318,7 +329,7 @@ const ElderlyOrDisabledAssistance = function ({ current, type, sharedProps, upda
           <CashFlowInputsRow
             { ...sharedProps }
             generic = { `earnedBecauseOfAdultCare` }>
-            { `How much less would you make?` }
+            How much less would you make?
           </CashFlowInputsRow>
         } />
     </div>
@@ -329,6 +340,7 @@ const ElderlyOrDisabledAssistance = function ({ current, type, sharedProps, upda
 const UnreimbursedMedical = function ({ type, sharedProps }) {
   return (
     <div>
+
       <HeadingWithDetail>
         <ContentH1>Unreimbursed Medical Expenses</ContentH1>
         <div>
@@ -346,14 +358,18 @@ const UnreimbursedMedical = function ({ type, sharedProps }) {
           </ul>
         </div>
       </HeadingWithDetail>
+
       <IntervalColumnHeadings type={ type } />
+
       <CashFlowInputsRow
         { ...sharedProps }
-        generic='disabledMedical'> Disabled/Elderly medical expenses
+        generic = { `disabledMedical` }>
+        Disabled/Elderly medical expenses
       </CashFlowInputsRow>
       <CashFlowInputsRow
         { ...sharedProps }
-        generic='otherMedical'> Medical expenses of other members
+        generic = { `otherMedical` }>
+        Medical expenses of other members
       </CashFlowInputsRow>
     </div>
   );
@@ -387,28 +403,27 @@ const Housing = function ({ current, type, time, updateClientValue }) {
 
   return (
     <div>
-
       <ContentH1>Housing</ContentH1>
 
-      { current.housing === 'voucher' ? (
+      { (current.housing === `voucher`) ? (
         null
       ) : (
         <div>
-          <Header as='h4'>What is your housing situation?</Header>
+          <Header as={ `h4` }>What is your housing situation?</Header>
           <HousingRadio
-            currentValue={ current.housing }
-            label={ 'Homeless' }
-            time={ time }
+            currentValue = { current.housing }
+            label        = { `Homeless` }
+            time         = { time }
             updateClientValue = { ensureRouteAndValue } />
           <HousingRadio
-            currentValue={ current.housing }
-            label={ 'Renter' }
-            time={ time }
+            currentValue = { current.housing }
+            label        = { `Renter` }
+            time         = { time }
             updateClientValue = { ensureRouteAndValue } />
           <HousingRadio
-            currentValue={ current.housing }
-            label={ 'Homeowner' }
-            time={ time }
+            currentValue = { current.housing }
+            label        = { `Homeowner` }
+            time         = { time }
             updateClientValue = { ensureRouteAndValue } />
         </div>
       ) }
@@ -428,10 +443,10 @@ const HousingRadio = function ({ currentValue, label, time, updateClientValue })
   return (
     <Form.Field>
       <Radio
-        name={ 'housing' }
-        label={ label }
-        value={ value }
-        checked={ currentValue === value }
+        name     = { `housing` }
+        label    = { label }
+        value    = { value }
+        checked  = { currentValue === value }
         onChange = { updateClientValue } />
     </Form.Field>
   );
@@ -450,7 +465,7 @@ const HousingDetails = function ({ current, type, time, updateClientValue }) {
         updateClientValue: updateClientValue,
       };
 
-  if (current.housing === 'voucher') {
+  if (current.housing === `voucher`) {
     return (
       <div>
         <ContractRentField { ...sharedProps } />
@@ -459,10 +474,10 @@ const HousingDetails = function ({ current, type, time, updateClientValue }) {
       </div>
     );
 
-  } else if (housing === 'homeless') {
+  } else if (housing === `homeless`) {
     return null;
 
-  } else if (housing === 'renter') {
+  } else if (housing === `renter`) {
     return (
       <div>
         <br />
@@ -471,27 +486,27 @@ const HousingDetails = function ({ current, type, time, updateClientValue }) {
       </div>
     );
 
-  } else if (housing === 'homeowner') {
+  } else if (housing === `homeowner`) {
     return (
       <div>
         <IntervalColumnHeadings type={ type } />
         <CashFlowInputsRow
           { ...sharedProps }
-          generic={ 'mortgage' }> Mortgage
+          generic = { `mortgage` }> Mortgage
         </CashFlowInputsRow>
         <CashFlowInputsRow
           { ...sharedProps }
-          generic={ 'housingInsurance' }> Insurance Costs
+          generic = { `housingInsurance` }> Insurance Costs
         </CashFlowInputsRow>
         <CashFlowInputsRow
           { ...sharedProps }
-          generic={ 'propertyTax' }> Property Tax
+          generic = { `propertyTax` }> Property Tax
         </CashFlowInputsRow>
         <Utilities { ...sharedProps } />
       </div>
     );
 
-  }  // ends which expenses
+  }  // ends which kind of housing
 };  // Ends <HousingDetails>
 
 
@@ -518,36 +533,35 @@ const Utilities = function ({ current, type, time, updateClientValue }) {
   // Will require more work in the change handler
   return (
     <div>
-      <Header as='h4'>Which of these utilities do you pay for?</Header>
+      <Header as={ `h4` }>Which of these utilities do you pay for?</Header>
 
       <Checkbox
-        name={ 'climateControl' }
-        label={ 'Heating or cooling (e.g. A/C during summer)' }
-        checked={ hasClimate }
-        onChange={ setChecked }
+        name      = { `climateControl` }
+        label     = { `Heating or cooling (e.g. A/C during summer)` }
+        checked   = { hasClimate }
+        onChange  = { setChecked }
         onKeyDown = { onKeyDown } />
       <br />
       <Checkbox
-        name={ 'nonHeatElectricity' }
-        label={ 'Electricity for non-heating purposes' }
-        checked={ hasElectricity }
-        onChange={ setChecked }
+        name      = { `nonHeatElectricity` }
+        label     = { `Electricity for non-heating purposes` }
+        checked   = { hasElectricity }
+        onChange  = { setChecked }
         onKeyDown = { onKeyDown } />
       <br />
       <Checkbox
-        name={ 'phone' }
-        label={ 'Telephone service' }
-        checked={ hasPhone }
-        onChange={ setChecked }
+        name      = { `phone` }
+        label     = { `Telephone service` }
+        checked   = { hasPhone }
+        onChange  = { setChecked }
         onKeyDown = { onKeyDown } />
       <br />
       <br />
       <ControlledRadioYesNo
-        labelText = { 'Do you get Fuel Assistance?' }
+        labelText = { `Do you get Fuel Assistance?` }
         checked   = { hasFuelAssist }
-        name      = { 'fuelAssistance' }
+        name      = { `fuelAssistance` }
         onChange  = { updateClientValue } />
-
     </div>
 
   );
@@ -594,7 +608,10 @@ const EarnedFrom = function ({ hasExpenses, CashFlowRow, label, propData }) {
 
   if (hasExpenses) {
 
-    const { childPropName, client } = propData;
+    const {
+      childPropName,
+      client,
+    } = propData;
     const showProps = {
       childName:           childPropName,
       showChildrenAtStart: client[ childPropName ] > 0,
@@ -606,7 +623,7 @@ const EarnedFrom = function ({ hasExpenses, CashFlowRow, label, propData }) {
     };
 
     return (
-      <div className= { 'earned-from' }>
+      <div className={ `earned-from` }>
         <ShowOnYes { ...showProps }>
           { CashFlowRow }
         </ShowOnYes>
@@ -615,7 +632,7 @@ const EarnedFrom = function ({ hasExpenses, CashFlowRow, label, propData }) {
 
   } else {
     return null;
-  }
+  }  // ends if client has expenses
 
 };  // Ends <EarnedFrom>
 
diff --git a/src/forms/cashflow.js b/src/forms/cashflow.js
index adba0845..0f2d3170 100644
--- a/src/forms/cashflow.js
+++ b/src/forms/cashflow.js
@@ -1,3 +1,5 @@
+/** @module */
+
 // REACT COMPONENTS
 import React, { Component } from 'react';
 import { Form } from 'semantic-ui-react';
@@ -12,6 +14,13 @@ import { isNonNegNumber, hasOnlyNonNegNumberChars } from '../utils/validators';
 import { toMoneyStr } from '../utils/prettifiers';
 
 
+/** Maximum input value of yearly income allowed in the textbox,
+ *     monthly/daily will be scaled
+ * @var
+ */
+const MAXIMUM_VALUE_YEARLY = 999999.99;
+const PERIODS_REGEX = /\./g;
+
 /** Contains cash flow inputs, their label, and any user feedback
  *
  * @function
@@ -33,14 +42,14 @@ const CashFlowRow = function ({ children, label, name, validRow, message }) {
   return (
     <Form.Field
       inline
-      className={ 'cashflow' }>
+      className = { `cashflow` }>
       <ValidationError
         ariaName    = { name }
         isUserError = { validRow === false }
         message     = { message }>
         <div className={ `cashflow-row` }>
           { children }
-          <div className={ 'cashflow-column cashflow-column-label' }>
+          <div className={ `cashflow-column cashflow-column-label` }>
             <label
               htmlFor   = { name + `_monthly` }
               id        = { name + `Label` }
@@ -52,14 +61,7 @@ const CashFlowRow = function ({ children, label, name, validRow, message }) {
       </ValidationError>
     </Form.Field>
   );
-};  // End <CashFlowRow>
-
-
-/** Maximum input value of yearly income allowed in the textbox,
- *     monthly/daily will be scaled
- * @var
- */
-const maximum_value_yearly = 999999.99;
+};  // Ends <CashFlowRow>
 
 // @todo Find elegant way to combine CashFlowInputsRow and MonthlyCashFlowRow
 // use `includes` array to include only certain columns perhaps.
@@ -82,11 +84,11 @@ class CashFlowInputsRow extends Component {
   cashFlowStoreValidator = (max) => {
     return (str) => {
       if (!isNonNegNumber(str)) {
-        let message    = `That number doesn't look right`,
-            numPeriods = str.match(/\./g) || [];
+        let message = `That number doesn't look right`,
+            periods = str.match(PERIODS_REGEX) || [];
 
         // Have a more detailed message if possible
-        if (numPeriods.length > 1) {
+        if (periods.length > 1) {
           message = `The number should only have one decimal point`;
         }
 
@@ -95,20 +97,25 @@ class CashFlowInputsRow extends Component {
       }
       else if (parseFloat(str) > max) {
         // @todo Value should match up with the input that's being edited
-        this.setState({ valid: false, message: (`The biggest number you can put in here is $` + maximum_value_yearly + `/yr`) });
+        this.setState({ valid: false, message: (`The biggest number you can put in here is $` + MAXIMUM_VALUE_YEARLY + `/yr`) });
         return false;
       }
       this.setState({ valid: true, message: null });
       return true;
     };
-  };
+  };  // Ends cashFlowStoreValidator()
 
   onBlur = (evnt) => {
     this.setState({ valid: true, message: null });
   };
 
   render() {
-    let { generic, timeState, updateClientValue, children } = this.props;
+    let {
+      generic,
+      timeState,
+      updateClientValue,
+      children,
+    } = this.props;
 
     let updateClient = function (evnt, inputProps, data) {
       let monthly = toMonthlyAmount[ data.interval ](evnt, inputProps.value),
@@ -126,7 +133,7 @@ class CashFlowInputsRow extends Component {
     let baseVal   = timeState[ generic ],
         baseProps = {
           name:             generic,
-          className:        'cashflow-column',
+          className:        `cashflow-column`,
           store:            updateClient,
           displayValidator: hasOnlyNonNegNumberChars,
           format:           toMoneyStr,
@@ -137,29 +144,29 @@ class CashFlowInputsRow extends Component {
   
     return (
       <CashFlowRow
-        label={ children }
-        name={ generic }
-        validRow={ this.state.valid }
-        message={ this.state.message }>
+        label    = { children }
+        name     = { generic }
+        validRow = { this.state.valid }
+        message  = { this.state.message }>
         <ManagedNumberField
-          storeValidator={ cashFlowStoreValidator(maximum_value_yearly / 52) }
+          storeValidator = { cashFlowStoreValidator(MAXIMUM_VALUE_YEARLY / 52) }
           { ...baseProps }
           value     = { baseVal / (4 + 1 / 3) }
-          otherData = {{ interval: 'weekly' }} />
+          otherData = {{ interval: `weekly` }} />
         <ManagedNumberField
-          storeValidator={ cashFlowStoreValidator(maximum_value_yearly / 12) }
+          storeValidator = { cashFlowStoreValidator(MAXIMUM_VALUE_YEARLY / 12) }
           { ...baseProps }
           value     = { baseVal }
-          otherData = {{ interval: 'monthly' }} />
+          otherData = {{ interval: `monthly` }} />
         <ManagedNumberField
-          storeValidator={ cashFlowStoreValidator(maximum_value_yearly) }
+          storeValidator = { cashFlowStoreValidator(MAXIMUM_VALUE_YEARLY) }
           { ...baseProps }
           value     = { baseVal * 12 }
-          otherData = {{ interval: 'yearly' }} />
+          otherData = {{ interval: `yearly` }} />
       </CashFlowRow>
     );
-  }
-}
+  };  // Ends render()
+};  // Ends <CashFlowInputsRow>
 
 
 /** Show a value, or the sum of multiple values, of data
@@ -178,17 +185,17 @@ const CashFlowDisplayRow = function ({ generic, value, timeState, children }) {
       yearly       = toMoneyStr(baseVal * 12);
 
   return (
-    <div className = { `cashflow cashflow-display` }>
-      <div className = { colClassName + ` ` + generic + ` output-number` } >
+    <div className={ `cashflow cashflow-display` }>
+      <div className={ colClassName + ` ` + generic + ` output-number` } >
         { weekly }
       </div>
-      <div className = { colClassName + ` ` + generic + ` output-number` } >
+      <div className={ colClassName + ` ` + generic + ` output-number` } >
         { monthly }
       </div>
-      <div className = { colClassName + ` ` + generic + ` output-number` } >
+      <div className={ colClassName + ` ` + generic + ` output-number` } >
         { yearly }
       </div>
-      <div className = { colClassName + ` cashflow-column-label` }>
+      <div className={ colClassName + ` cashflow-column-label` }>
         <label>{ children }</label>
       </div>
 
@@ -213,7 +220,7 @@ const MonthlyCashFlowRow = function ({ inputProps, baseValue, updateClientValue,
 
   inputProps = {
     ...inputProps, // name, validators, and onBlur
-    className: 'cashflow-column',
+    className: `cashflow-column`,
     format:    toMoneyStr,
     store:     updateClientValue,
   };
@@ -222,12 +229,12 @@ const MonthlyCashFlowRow = function ({ inputProps, baseValue, updateClientValue,
     <CashFlowRow { ...rowProps }>
       <ManagedNumberField
         { ...inputProps }
-        value={ baseValue }
-        otherData={{ interval: 'monthly' }} />
+        value     = { baseValue }
+        otherData = {{ interval: `monthly` }} />
     </CashFlowRow>
   );
 
-};  // End <MonthlyCashFlowRow>
+};  // Ends <MonthlyCashFlowRow>
 
 
 // Ideas of how to handle a different styling situation