diff --git a/packages/datetime/src/dateInput.tsx b/packages/datetime/src/dateInput.tsx index 0e677c5a99a..255cb6193be 100644 --- a/packages/datetime/src/dateInput.tsx +++ b/packages/datetime/src/dateInput.tsx @@ -36,6 +36,13 @@ export interface IDateInputProps extends IDatePickerBaseProps, IDateFormatProps, */ canClearSelection?: boolean; + /** + * Text for the reset button in the date picker action bar. + * Passed to `DatePicker` component. + * @default "Clear" + */ + clearButtonText?: string; + /** * Whether the calendar popover should close when a date is selected. * @default true @@ -108,6 +115,13 @@ export interface IDateInputProps extends IDatePickerBaseProps, IDateFormatProps, * in the input field, pass `new Date(undefined)` to the value prop. */ value?: Date | null; + + /** + * Text for the today button in the date picker action bar. + * Passed to `DatePicker` component. + * @default "Today" + */ + todayButtonText?: string; } export interface IDateInputState { diff --git a/packages/datetime/test/dateInputTests.tsx b/packages/datetime/test/dateInputTests.tsx index c081fe76b63..989cdd20ed6 100644 --- a/packages/datetime/test/dateInputTests.tsx +++ b/packages/datetime/test/dateInputTests.tsx @@ -11,7 +11,7 @@ import * as sinon from "sinon"; import { Classes as CoreClasses, InputGroup, Intent, Keys, Popover, Position } from "@blueprintjs/core"; import { Months } from "../src/common/months"; -import { Classes, DateInput, IDateInputProps, TimePicker, TimePrecision } from "../src/index"; +import { Classes, DateInput, DatePicker, IDateInputProps, TimePicker, TimePrecision } from "../src/index"; import { DATE_FORMAT } from "./common/dateFormat"; import * as DateTestUtils from "./common/dateTestUtils"; @@ -201,6 +201,21 @@ describe("", () => { assert.equal(timePicker.prop("disabled"), true); }); + it("clearButtonText and todayButtonText props are passed to DatePicker", () => { + const datePickerProps = { + clearButtonText: "clear", + todayButtonText: "today", + }; + + const wrapper = mount().setState({ + isOpen: true, + }); + const datePicker = wrapper.find(DatePicker); + + assert.equal(datePicker.prop("clearButtonText"), "clear"); + assert.equal(datePicker.prop("todayButtonText"), "today"); + }); + it("inputProps are passed to InputGroup", () => { const inputRef = sinon.spy(); const onFocus = sinon.spy();