diff --git a/ui/src/Components/SilenceModal/DateTimeSelect/index.test.js b/ui/src/Components/SilenceModal/DateTimeSelect/index.test.js
new file mode 100644
index 000000000..030b41091
--- /dev/null
+++ b/ui/src/Components/SilenceModal/DateTimeSelect/index.test.js
@@ -0,0 +1,25 @@
+import React from "react";
+
+import { mount } from "enzyme";
+
+import { SilenceFormStore } from "Stores/SilenceFormStore";
+import { DateTimeSelect } from ".";
+
+let silenceFormStore;
+
+beforeEach(() => {
+  silenceFormStore = new SilenceFormStore();
+});
+
+const MountedDateTimeSelect = () => {
+  return mount(<DateTimeSelect silenceFormStore={silenceFormStore} />);
+};
+
+describe("<DateTimeSelect />", () => {
+  it("renders 'Duration' tab by default", () => {
+    const tree = MountedDateTimeSelect();
+    const tab = tree.find(".nav-link.active");
+    expect(tab).toHaveLength(1);
+    expect(tab.text()).toMatch(/Duration/);
+  });
+});