feat: journal number setting dialog.

client/src/components/Forms/InputPrependButton.js

@@ -0,0 +1,27 @@
+import React, { useMemo } from 'react';
+import classNames from 'classnames';
+import { Button, Tooltip, Classes } from '@blueprintjs/core';
+
+export default function InputPrependButton({
+  buttonProps = {},
+  tooltip = false,
+  tooltipProps = {},
+}) {
+  const appendButton = useMemo(() => (
+    <Button
+      className={classNames('input-prepend__button', Classes.SMALL)}
+      {...buttonProps}
+    />
+  ), [buttonProps]);
+
+  const appendButtonWithTooltip = useMemo(
+    () => (<Tooltip {...tooltipProps}>{ appendButton }</Tooltip>),
+    [tooltipProps, appendButton],
+  );
+
+  return (
+    <div class="input-prepend">
+      { tooltip ? appendButtonWithTooltip : appendButton }
+    </div>
+  );
+}