AxisInterval adjustments for Axes Panel

Author: VeraZab

src/components/fields/AxisInterval.js

@@ -126,8 +126,12 @@ export class UnconnectedAxisInterval extends Component {
     const binStartValue = this.props.fullContainer[attrHead].start;
     const BinStartIsDate =
       typeof binStartValue === 'string' && (isDateTime(binStartValue) || isJSDate(binStartValue));
+    const tick0 =
+      this.props.fullContainer.tick0 &&
+      (this.props.fullContainer.tick0 || this.props.fullContainer.colorbar.tick0);
+    const tick0IsDate = tick0 && (isDateTime(tick0) || isJSDate(tick0));
 
-    return BinStartIsDate ? (
+    return BinStartIsDate || tick0IsDate ? (
       <Field {...this.props}>
         <Dropdown
           options={[

src/default_panels/StyleAxesPanel.js

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import {
   AxesRange,
   DTicks,
+  DTicksInterval,
   NTicks,
   ColorPicker,
   Dropdown,
@@ -121,7 +122,7 @@ class StyleAxesPanel extends Component {
               />
 
               <DTicks label={_('Step Offset')} attr="tick0" />
-              <DTicks label={_('Step Size')} attr="dtick" />
+              <DTicksInterval label={_('Step Size')} attr="dtick" />
               <NTicks label={_('Max Number of Lines')} attr="nticks" />
             </VisibilitySelect>
           </PlotlySection>
@@ -274,7 +275,7 @@ class StyleAxesPanel extends Component {
               />
 
               <DTicks label={_('Step Offset')} attr="tick0" />
-              <DTicks label={_('Step Size')} attr="dtick" />
+              <DTicksInterval label={_('Step Size')} attr="dtick" />
               <NTicks label={_('Max Number of Labels')} attr="nticks" />
             </VisibilitySelect>
           </PlotlySection>
@@ -310,7 +311,7 @@ class StyleAxesPanel extends Component {
               />
 
               <DTicks label={_('Step Offset')} attr="tick0" />
-              <DTicks label={_('Step Size')} attr="dtick" />
+              <DTicksInterval label={_('Step Size')} attr="dtick" />
               <NTicks label={_('Max Number of Markers')} attr="nticks" />
             </VisibilitySelect>
           </PlotlySection>