Question: I have a modal component that only shows a message and an `accept button`.

The `accept button` will perform a function depending on who has called you.

The same component could create several modals (showed in diferent moments).

The problem I have is that to open the modal I have to call it by its id, but all modals are created with the same id. I had thought of creating a unique id for each one by passing it through the `@Input decorator`, but because it is a large application, two developers may call it in the same way and create conflicts.

How could I create a unique id for each element without having to pass it on as `@Input`?

I try to do an exemple, but have problems with jquery.

In any case here is the attempt

<https://stackblitz.com/edit/angular-gvqdzc>

Answer: 
Here's a way to do:

```
# make sure types are correct format
df['ORDEREDDATE'] = pd.to_datetime(df['ORDEREDDATE'])
df['SHIPPINGDAYS'] = df['SHIPPINGDAYS'].astype(int)

df['DELIVEREDDATE'] = (df
                      .apply(lambda x: x['ORDEREDDATE'] + pd.Timedelta(days= x['SHIPPINGDAYS']), 
                       axis=1)

  ORDEREDDATE  SHIPPINGDAYS DELIVEREDDATE
0  2018-05-13             6    2018-05-19
1  2017-08-24             4    2017-08-28
2  2018-06-01             2    2018-06-03

```
First off you need to transform the column into a datetime object:

```
df1['ORDEREDDATE'] = pd.to_datetime(df1['ORDEREDDATE']

```

Then you define your new column while also turning the `int` values from `SHIPPINGDAYS` to timedelta objects. That way you can sum these objects returning the desired output:

```
df['DELIVEREDDATE'] = df['ORDEREDDATE'] + df['SHIPPINGDAYS'].apply(lambda x: pd.Timedelta(x,unit='D'))

```

Output:

```
  ORDEREDDATE  SHIPPINGDAYS DELIVEREDDATE
0  2018-05-13             6    2018-05-19
1  2017-08-24             4    2017-08-28
2  2018-06-01             2    2018-06-03

```