chore!: Rename `Datetime` to `DateTime` in component names

* `NcDatetime` is now called `NcDateTime`
* `NcDatetimePicker` is now called `NcDateTimePicker`

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>

src/components/NcActionInput/NcActionInput.vue

@@ -166,7 +166,7 @@ For the `NcSelect` component, all events will be passed through. Please see the
 					</label>
 					<div class="action-input__input-container">
 
-						<NcDatetimePicker v-if="datePickerType"
+						<NcDateTimePicker v-if="datePickerType"
 							ref="datetimepicker"
 							:value="value"
 							style="z-index: 99999999999;"
@@ -261,7 +261,7 @@ For the `NcSelect` component, all events will be passed through. Please see the
 </template>
 
 <script>
-import NcDatetimePicker from '../NcDatetimePicker/index.js'
+import NcDateTimePicker from '../NcDateTimePicker/index.js'
 import NcDateTimePickerNative from '../NcDateTimePickerNative/index.js'
 import NcPasswordField from '../NcPasswordField/index.js'
 import NcSelect from '../NcSelect/index.js'
@@ -273,7 +273,7 @@ export default {
 	name: 'NcActionInput',
 
 	components: {
-		NcDatetimePicker,
+		NcDateTimePicker,
 		NcDateTimePickerNative,
 		NcPasswordField,
 		NcSelect,

src/components/NcDateTime/NcDateTime.vue

@@ -33,7 +33,7 @@ Without any optional parameters the timestamp is displayed as a relative datetim
 
 ```vue
 <template>
-	<NcDatetime :timestamp="timestamp" />
+	<NcDateTime :timestamp="timestamp" />
 </template>
 <script>
 	export default {
@@ -52,7 +52,7 @@ If you do not want the seconds to be counted up until minutes are reached you ca
 
 ```vue
 <template>
-	<NcDatetime :timestamp="timestamp" :ignore-seconds="true" />
+	<NcDateTime :timestamp="timestamp" :ignore-seconds="true" />
 </template>
 <script>
 	export default {
@@ -74,13 +74,13 @@ It is also possible to disable relative time by setting the `relativeTime` prope
 <template>
 	<div>
 		<h4>Short relative time</h4>
-		<NcDatetime :timestamp="timestamp" relative-time="short" />
+		<NcDateTime :timestamp="timestamp" relative-time="short" />
 
 		<h4>Custom title format</h4>
-		<NcDatetime :timestamp="timestamp" :format="timeFormat" />
+		<NcDateTime :timestamp="timestamp" :format="timeFormat" />
 
 		<h4>Without relative time</h4>
-		<NcDatetime :timestamp="timestamp" :format="timeFormat" :relative-time="false" />
+		<NcDateTime :timestamp="timestamp" :format="timeFormat" :relative-time="false" />
 	</div>
 </template>
 <script>
@@ -123,7 +123,7 @@ const FEW_SECONDS_AGO = {
 }
 
 export default {
-	name: 'NcDatetime',
+	name: 'NcDateTime',
 
 	props: {
 		/**

src/components/NcDateTime/index.js

@@ -20,4 +20,4 @@
  *
  */
 
-export { default } from './NcDatetime.vue'
+export { default } from './NcDateTime.vue'

src/components/NcDateTimePicker/NcDateTimePicker.vue

@@ -32,7 +32,7 @@
 ```vue
 <template>
 	<span>
-		<NcDatetimePicker
+		<NcDateTimePicker
 			v-model="time"
 			type="datetime" />
 		{{ time }}
@@ -53,7 +53,7 @@ export default {
 ```vue
 <template>
 	<span>
-		<NcDatetimePicker
+		<NcDateTimePicker
 			v-model="time"
 			type="datetime"
 			confirm />
@@ -75,7 +75,7 @@ export default {
 ```vue
 <template>
 	<span>
-		<NcDatetimePicker
+		<NcDateTimePicker
 			v-model="time"
 			range
 			type="date" />
@@ -101,7 +101,7 @@ picked time zone, but you will have to convert it yourself when necessary.
 ```vue
 <template>
 	<span>
-		<NcDatetimePicker
+		<NcDateTimePicker
 			v-model="time"
 			type="datetime"
 			:show-timezone-select="true"
@@ -200,7 +200,7 @@ const formatMap = {
 }
 
 export default {
-	name: 'NcDatetimePicker',
+	name: 'NcDateTimePicker',
 
 	components: {
 		CalendarBlank,

src/components/NcDateTimePicker/index.js

@@ -20,9 +20,9 @@
  *
  */
 import './index.scss'
-import NcDatetimePicker from './NcDatetimePicker.vue'
+import NcDateTimePicker from './NcDateTimePicker.vue'
 import ScopeComponent from '../../utils/ScopeComponent.js'
 
-ScopeComponent(NcDatetimePicker)
+ScopeComponent(NcDateTimePicker)
 
-export default NcDatetimePicker
+export default NcDateTimePicker

src/components/index.js

@@ -57,8 +57,8 @@ export { default as NcContent } from './NcContent/index.js'
 export { default as NcCounterBubble } from './NcCounterBubble/index.js'
 export { default as NcDashboardWidget } from './NcDashboardWidget/index.js'
 export { default as NcDashboardWidgetItem } from './NcDashboardWidgetItem/index.js'
-export { default as NcDatetime } from './NcDatetime/index.js'
-export { default as NcDatetimePicker } from './NcDatetimePicker/index.js'
+export { default as NcDateTime } from './NcDateTime/index.js'
+export { default as NcDateTimePicker } from './NcDateTimePicker/index.js'
 export { default as NcDateTimePickerNative } from './NcDateTimePickerNative/index.js'
 // Not exported on purpose
 // export { default as NcEllipsisedOption } from './NcEllipsisedOption/index.js'

tests/unit/components/NcDateTime/NcDateTime.spec.js

@@ -21,15 +21,15 @@
  */
 
 import { mount } from '@vue/test-utils'
-import NcDatetime from '../../../../src/components/NcDatetime/NcDatetime.vue'
+import NcDateTime from '../../../../src/components/NcDateTime/NcDateTime.vue'
 
-describe('NcDatetime.vue', () => {
+describe('NcDateTime.vue', () => {
 	'use strict'
 
 	it('Sets the title property correctly', () => {
 		const time = Date.UTC(2023, 5, 23, 14, 30)
 		Date.now = jest.fn(() => new Date(time).valueOf())
-		const wrapper = mount(NcDatetime, {
+		const wrapper = mount(NcDateTime, {
 			propsData: {
 				timestamp: time,
 			},
@@ -42,7 +42,7 @@ describe('NcDatetime.vue', () => {
 	it('Can set format of the title property', () => {
 		const time = Date.UTC(2023, 5, 23, 14, 30)
 		Date.now = jest.fn(() => new Date(time).valueOf())
-		const wrapper = mount(NcDatetime, {
+		const wrapper = mount(NcDateTime, {
 			propsData: {
 				timestamp: time,
 				format: { dateStyle: 'long' },
@@ -56,7 +56,7 @@ describe('NcDatetime.vue', () => {
 	it('Can disable relative time', () => {
 		const time = Date.UTC(2023, 5, 23, 14, 30)
 		Date.now = jest.fn(() => new Date(time).valueOf())
-		const wrapper = mount(NcDatetime, {
+		const wrapper = mount(NcDateTime, {
 			propsData: {
 				timestamp: time,
 				relativeTime: false,
@@ -83,7 +83,7 @@ describe('NcDatetime.vue', () => {
 		it('', () => {
 			const time = Date.UTC(2023, 5, 23, 14, 30)
 			Date.now = jest.fn(() => new Date(time).valueOf())
-			const wrapper = mount(NcDatetime, {
+			const wrapper = mount(NcDateTime, {
 				propsData: {
 					timestamp: time,
 				},
@@ -98,7 +98,7 @@ describe('NcDatetime.vue', () => {
 		it('works with currentTime == timestamp', () => {
 			const time = Date.UTC(2023, 5, 23, 14, 30)
 			Date.now = jest.fn(() => new Date(time).valueOf())
-			const wrapper = mount(NcDatetime, {
+			const wrapper = mount(NcDateTime, {
 				propsData: {
 					timestamp: time,
 				},
@@ -112,7 +112,7 @@ describe('NcDatetime.vue', () => {
 			const time = Date.UTC(2023, 5, 23, 14, 30, 30)
 			let currentTime = Date.UTC(2023, 5, 23, 14, 30, 33)
 			Date.now = jest.fn(() => new Date(currentTime).valueOf())
-			const wrapper = mount(NcDatetime, {
+			const wrapper = mount(NcDateTime, {
 				propsData: {
 					timestamp: time,
 				},
@@ -130,7 +130,7 @@ describe('NcDatetime.vue', () => {
 			const time = Date.UTC(2023, 5, 23, 14, 30, 30)
 			const currentTime = Date.UTC(2023, 5, 23, 14, 30, 33)
 			Date.now = jest.fn(() => new Date(currentTime).valueOf())
-			const wrapper = mount(NcDatetime, {
+			const wrapper = mount(NcDateTime, {
 				propsData: {
 					timestamp: time,
 					relativeTime: 'short',
@@ -145,7 +145,7 @@ describe('NcDatetime.vue', () => {
 			const time = Date.UTC(2023, 5, 23, 14, 30, 30)
 			const currentTime = Date.UTC(2023, 5, 23, 14, 33, 30)
 			Date.now = jest.fn(() => new Date(currentTime).valueOf())
-			const wrapper = mount(NcDatetime, {
+			const wrapper = mount(NcDateTime, {
 				propsData: {
 					timestamp: time,
 				},
@@ -159,7 +159,7 @@ describe('NcDatetime.vue', () => {
 			const time = Date.UTC(2023, 5, 23, 14, 30, 30)
 			const currentTime = Date.UTC(2023, 5, 23, 17, 30, 30)
 			Date.now = jest.fn(() => new Date(currentTime).valueOf())
-			const wrapper = mount(NcDatetime, {
+			const wrapper = mount(NcDateTime, {
 				propsData: {
 					timestamp: time,
 				},
@@ -173,7 +173,7 @@ describe('NcDatetime.vue', () => {
 			const time = Date.UTC(2023, 5, 23, 14, 30, 30)
 			const currentTime = Date.UTC(2023, 6, 13, 14, 30, 30)
 			Date.now = jest.fn(() => new Date(currentTime).valueOf())
-			const wrapper = mount(NcDatetime, {
+			const wrapper = mount(NcDateTime, {
 				propsData: {
 					timestamp: time,
 				},
@@ -189,12 +189,12 @@ describe('NcDatetime.vue', () => {
 			const currentTime = Date.UTC(2024, 6, 13, 14, 30, 30)
 			Date.now = jest.fn(() => new Date(currentTime).valueOf())
 
-			const wrapper = mount(NcDatetime, {
+			const wrapper = mount(NcDateTime, {
 				propsData: {
 					timestamp: time,
 				},
 			})
-			const wrapper2 = mount(NcDatetime, {
+			const wrapper2 = mount(NcDateTime, {
 				propsData: {
 					timestamp: time2,
 				},