From 252d9ba2701456dde338986b12ea88db269d4142 Mon Sep 17 00:00:00 2001
From: deecay <daiju.kito@gmail.com>
Date: Wed, 20 Sep 2023 18:32:40 +0000
Subject: [PATCH] Bin size can be a string

---
 viz-lib/src/visualizations/chart/Editor/XAxisSettings.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/viz-lib/src/visualizations/chart/Editor/XAxisSettings.tsx b/viz-lib/src/visualizations/chart/Editor/XAxisSettings.tsx
index 2b93ede66e..a2b405e643 100644
--- a/viz-lib/src/visualizations/chart/Editor/XAxisSettings.tsx
+++ b/viz-lib/src/visualizations/chart/Editor/XAxisSettings.tsx
@@ -1,6 +1,6 @@
 import { includes } from "lodash";
 import React from "react";
-import { Section, InputNumber, Switch } from "@/components/visualizations/editor";
+import { Section, InputNumber, Switch, Input } from "@/components/visualizations/editor";
 import { EditorPropTypes } from "@/visualizations/prop-types";
 import { toNumber } from "../plotly/utils";
 
@@ -21,13 +21,13 @@ export default function XAxisSettings({ options, onOptionsChange }: any) {
         <React.Fragment>
           {/* @ts-expect-error ts-migrate(2745) FIXME: This JSX tag's 'children' prop expects type 'never... Remove this comment to see the full error message */}
           <Section>
-            <InputNumber
+            <Input
               label="Bin Size"
               className="w-100"
               placeholder="Auto"
               data-test="Chart.XAxis.BinSize"
               defaultValue={options.binSize}
-              onChange={(binSize: any) => onOptionsChange({ binSize: toNumber(binSize) })}
+              onChange={(e: any) => onOptionsChange({ binSize: e.target.value })}
             />
           </Section>