refactor: Timeline props

Author: tugcekucukoglu

packages/@primereact/types/src/headless/timeline/useTimeline.types.ts

@@ -13,7 +13,18 @@ import type { HeadlessInstance } from '@primereact/types/core';
 /**
  * Defines valid properties in useTimeline.
  */
-export interface useTimelineProps {}
+export interface useTimelineProps {
+    /**
+     * Alignment of the content.
+     * @default left
+     */
+    align?: 'left' | 'right' | 'alternate' | 'top' | 'bottom' | undefined;
+    /**
+     * Specifies the orientation, valid values are 'horizontal' and 'vertical'.
+     * @default vertical
+     */
+    orientation?: 'horizontal' | 'vertical' | undefined;
+}
 
 /**
  * Defines valid state in useTimeline.

packages/primereact/src/timeline/root/TimelineRoot.props.ts

@@ -3,7 +3,5 @@ import type { TimelineRootProps } from '@primereact/types/primitive/timeline';
 
 export const defaultRootProps: TimelineRootProps = {
     ...HeadlessTimeline.defaultProps,
-    as: 'div',
-    align: 'left',
-    orientation: 'vertical'
+    as: 'div'
 };

packages/primereact/src/timeline/root/TimelineRoot.tsx

@@ -15,9 +15,10 @@ export const TimelineRoot = withComponent({
         return timeline;
     },
     render(instance) {
-        const { id, props, ptmi, cx } = instance;
+        const { id, props, ptmi, cx, rootProps: headlessRootProps } = instance;
 
         const rootProps = mergeProps(
+            headlessRootProps,
             {
                 id,
                 className: cx('root')